#235F6A Color

Color Information

HEX#235F6A
RGB35, 95, 106
HSL189° , 50% , 28%
HSV189° , 67% , 42%
CMYK67%, 10%, 0%, 58%

Lighter Shades

#3D727C #58858E #7299A0 #8DACB2 #A7BFC3 #C1D2D5

Darker Shades

#1F545D #1B4851 #163D44 #123137 #0E262A #0A1B1E

Complementary Palette

#1E525B #235F6A #5C281F #6B2E24 #804B43 #42757F

Analogous Palette

#2E5648 #325D4E #215964 #235F6A #32415D #475266

Triadic Palette

#1F545D #235F6A #721D65 #833877 #65721D #59641A

Split Complementary Palette

#20565F #235F6A #6B243D #7A3A50 #6B5224 #604A20

Square Palette

#1D5059 #235F6A #502B64 #64322B #3D6B24 #5C8347

Tetradic Palette

#1D4E57 #235F6A #241778 #6B2E24 #697817 #849041

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #235F6A contains 35 red, 95 green, and 106 blue.

Contrast Ratio: 7.26:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.89:1