#102A48 Color

Color Information

HEX#102A48
RGB16, 42, 72
HSL212° , 64% , 17%
HSV212° , 78% , 28%
CMYK78%, 42%, 0%, 72%

Lighter Shades

#2D445E #495D74 #66778A #8390A0 #9FAAB6 #BCC3CC

Darker Shades

#0E253F #0C2037 #0A1B2E #081625 #06111D #040C14

Complementary Palette

#0E243E #102A48 #3D270E #472D10 #614A31 #314862

Analogous Palette

#17393A #193D3E #0F2744 #102A48 #19193E #30304B

Triadic Palette

#0E253F #102A48 #4B0C29 #612943 #294B0C #24420B

Split Complementary Palette

#0E2641 #102A48 #471110 #592928 #454710 #3E400E

Square Palette

#0D233C #102A48 #421441 #422D14 #104711 #366437

Tetradic Palette

#0D223B #102A48 #2E084E #472D10 #294E08 #506E34

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #102A48 contains 16 red, 42 green, and 72 blue.

Contrast Ratio: 15.33:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.37:1