#09B3C3

#09B3C3

Color Values

HEX

#09B3C3

RGB

9, 179, 195

HSL

185.2, 91.2%, 40.0%

HSV

185.2, 95.4%, 76.5%

CMYK

95.4%, 8.2%, 0.0%, 23.5%

OKLCH

0.7007 0.1189 206.2

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#09B3C3

#C31909

Analogous

#09C376

#0956C3

#09B3C3

Triadic

#09B3C3

#C309B3

#B3C309

Split Complementary

#09B3C3

#C30956

#C37609

Tetradic

#09B3C3

#7609C3

#C31909

#56C309

Color Blindness Simulation

Original

#09B3C3

Protanopia

#5354BF

Deuteranopia

#493CBE

Tritanopia

#12BCBB

Achromatopsia

#909090

CSS Usage

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

Tailwind Shades

50
#F1FCFD
100
#DFF9FB
200
#BBF6FC
300
#8AF0FA
400
#4BE8F7
500
#0BE0F4
600
#09B3C3
700
#078F9C
800
#06707A
900
#095158
950
#053338

Contrast Checker

Text on white

2.55:1

AA Fail AAA Fail

Text on black

8.25:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026