#102450 Color

Color Information

HEX#102450
RGB16, 36, 80
HSL221° , 67% , 19%
HSV221° , 80% , 31%
CMYK80%, 55%, 0%, 69%

Lighter Shades

#2D3E65 #49597A #66738F #838DA4 #9FA7B9 #BCC2CE

Darker Shades

#0E2046 #0C1B3D #0A1733 #08132A #060E20 #040A16

Complementary Palette

#0E1F45 #102450 #46340E #513C10 #695731 #314369

Analogous Palette

#183B43 #1A3F47 #0F224B #102450 #221A47 #352F50

Triadic Palette

#0E2046 #102450 #560B23 #6A283D #23560B #1F4C0A

Split Complementary Palette

#0E2048 #102450 #511C10 #623328 #455110 #3E490E

Square Palette

#0D1E43 #102450 #4C1542 #4C3B15 #10511C #366D40

Tetradic Palette

#0D1E42 #102450 #40075A #513C10 #215A07 #497834

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #102450 contains 16 red, 36 green, and 80 blue.

Contrast Ratio: 15.97:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.32:1