#233E60 Color

Color Information

HEX#233E60
RGB35, 62, 96
HSL213° , 47% , 26%
HSV213° , 64% , 38%
CMYK64%, 35%, 0%, 62%

Lighter Shades

#3D5573 #586C86 #728399 #8D9BAC #A7B2BF #C1C9D2

Darker Shades

#1F3754 #1B2F49 #16283D #122032 #0E1926 #0A111B

Complementary Palette

#1E3553 #233E60 #533B1E #614523 #775F42 #425976

Analogous Palette

#2D4C4E #305254 #213A5A #233E60 #323054 #46455E

Triadic Palette

#1F3754 #233E60 #681D3F #7A3856 #3F681D #375C1A

Split Complementary Palette

#203856 #233E60 #612623 #713C39 #5E6123 #555720

Square Palette

#1D3451 #233E60 #5B2A58 #5B452A #236126 #467A49

Tetradic Palette

#1D334F #233E60 #47176D #614523 #3E6D17 #618741

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #233E60 contains 35 red, 62 green, and 96 blue.

Contrast Ratio: 11.29:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.86:1