#23A5AF Color

Color Information

HEX	#23A5AF
RGB	35, 165, 175
HSL	184° , 67% , 41%
HSV	184° , 80% , 69%
CMYK	80%, 6%, 0%, 31%

Lighter Shades

#3DB0B9 #58BBC2 #72C5CC #8DD0D5 #A7DBDF #C1E6E9

Darker Shades

#1F919A #1B7D85 #166A70 #12565B #0E4246 #0A2E31

Complementary Palette

#1E8E97 #23A5AF #97261E #AF2C23 #BA4A42 #42B2BA

Analogous Palette

#338E67 #379A6F #219BA5 #23A5AF #37629A #4C709E

Triadic Palette

#1F919A #23A5AF #B918AE #C134B8 #AEB918 #99A315

Split Complementary Palette

#20959E #23A5AF #AF235F #B7396F #AF7223 #9E6720

Square Palette

#1D8B93 #23A5AF #702DA4 #A4352D #5FAF23 #79BC46

Tetradic Palette

#1D8790 #23A5AF #1C10C1 #AF2C23 #B6C110 #C3CC3B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #23A5AF contains 35 red, 165 green, and 175 blue.

Contrast Ratio: 2.93:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.17:1