#10227E Color

Color Information

HEX#10227E
RGB16, 34, 126
HSL230° , 77% , 28%
HSV230° , 87% , 49%
CMYK87%, 73%, 0%, 51%

Lighter Shades

#2D3D8D #49579D #6672AC #838CBC #9FA7CB #BCC1DB

Darker Shades

#0E1E6F #0C1A60 #0A1651 #081242 #060E32 #040A23

Complementary Palette

#0E1D6C #10227E #6C5D0E #7E6C10 #908131 #314190

Analogous Palette

#1D4F68 #1F5570 #0F2076 #10227E #3A1F70 #4B3579

Triadic Palette

#0E1E6F #10227E #86091E #952739 #1E8609 #1A7608

Split Complementary Palette

#0E1F71 #10227E #7E3510 #8B4928 #5A7E10 #51710E

Square Palette

#0D1D6A #10227E #771857 #776718 #107E35 #369355

Tetradic Palette

#0D1C67 #10227E #75048B #7E6C10 #1A8B04 #43A031

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #10227E contains 16 red, 34 green, and 126 blue.

Contrast Ratio: 14.13:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.49:1