#09AEC3

#09AEC3

Color Values

HEX

#09AEC3

RGB

9, 174, 195

HSL

186.8, 91.2%, 40.0%

HSV

186.8, 95.4%, 76.5%

CMYK

95.4%, 10.8%, 0.0%, 23.5%

OKLCH

0.6884 0.118 210.0

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#09AEC3

#C31E09

Analogous

#09C37B

#0951C3

#09AEC3

Triadic

#09AEC3

#C309AE

#AEC309

Split Complementary

#09AEC3

#C30951

#C37B09

Tetradic

#09AEC3

#7B09C3

#C31E09

#51C309

Color Blindness Simulation

Original

#09AEC3

Protanopia

#5052BE

Deuteranopia

#473ABD

Tritanopia

#11BAB9

Achromatopsia

#8C8C8C

CSS Usage

background-color: #09AEC3;
color: #09AEC3;
border-color: #09AEC3;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F1FCFD
100
#DFF8FB
200
#BBF4FC
300
#8AEDFA
400
#4BE3F7
500
#0BD9F4
600
#09AEC3
700
#078B9C
800
#066D7A
900
#094F58
950
#053238

Contrast Checker

Text on white

2.67:1

AA Fail AAA Fail

Text on black

7.85:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026