#0A5AC2 Color

Color Information

HEX#0A5AC2
RGB10, 90, 194
HSL214° , 90% , 40%
HSV214° , 95% , 76%
CMYK95%, 54%, 0%, 24%

Lighter Shades

#276EC9 #4582D1 #6295D8 #80A9DF #9DBDE7 #BAD1EE

Darker Shades

#094FAB #084493 #063A7C #052F65 #04244E #031936

Complementary Palette

#094DA7 #0A5AC2 #A76209 #C2720A #CB862C #2C71CB

Analogous Palette

#1C98A0 #1FA4AD #0955B6 #0A5AC2 #281FAD #3D35B1

Triadic Palette

#094FAB #0A5AC2 #CC0058 #D21F6C #58CC00 #4DB400

Split Complementary Palette

#0951AF #0A5AC2 #C2160A #C82D23 #B6C20A #A4AF09

Square Palette

#084CA3 #0A5AC2 #B814AD #B87114 #0AC216 #31CC3B

Tetradic Palette

#084A9F #0A5AC2 #7400CC #C2720A #58CC00 #76D52E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #0A5AC2 contains 10 red, 90 green, and 194 blue.

Contrast Ratio: 6.48:1

Black Background

FAIL

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 3.24:1