#09B0C3

#09B0C3

Color Values

HEX

#09B0C3

RGB

9, 176, 195

HSL

186.1, 91.2%, 40.0%

HSV

186.1, 95.4%, 76.5%

CMYK

95.4%, 9.7%, 0.0%, 23.5%

OKLCH

0.6933 0.1183 208.5

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#09B0C3

#C31C09

Analogous

#09C379

#0953C3

#09B0C3

Triadic

#09B0C3

#C309B0

#B0C309

Split Complementary

#09B0C3

#C30953

#C37909

Tetradic

#09B0C3

#7909C3

#C31C09

#53C309

Color Blindness Simulation

Original

#09B0C3

Protanopia

#5153BE

Deuteranopia

#483BBD

Tritanopia

#11BBBA

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#F1FCFD
100
#DFF8FB
200
#BBF5FC
300
#8AEEFA
400
#4BE5F7
500
#0BDCF4
600
#09B0C3
700
#078D9C
800
#066E7A
900
#095058
950
#053338

Contrast Checker

Text on white

2.62:1

AA Fail AAA Fail

Text on black

8.01: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