#09ADC3

#09ADC3

Color Values

HEX

#09ADC3

RGB

9, 173, 195

HSL

187.1, 91.2%, 40.0%

HSV

187.1, 95.4%, 76.5%

CMYK

95.4%, 11.3%, 0.0%, 23.5%

OKLCH

0.6859 0.1179 210.8

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#09ADC3

#C31F09

Analogous

#09C37C

#0950C3

#09ADC3

Triadic

#09ADC3

#C309AD

#ADC309

Split Complementary

#09ADC3

#C30950

#C37C09

Tetradic

#09ADC3

#7C09C3

#C31F09

#50C309

Color Blindness Simulation

Original

#09ADC3

Protanopia

#5051BE

Deuteranopia

#463ABC

Tritanopia

#11B9B9

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#F1FCFD
100
#DFF8FB
200
#BBF4FC
300
#8AECFA
400
#4BE2F7
500
#0BD8F4
600
#09ADC3
700
#078A9C
800
#066C7A
900
#094F58
950
#053238

Contrast Checker

Text on white

2.7:1

AA Fail AAA Fail

Text on black

7.78:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026