#09A3C3

#09A3C3

Color Values

HEX

#09A3C3

RGB

9, 163, 195

HSL

190.3, 91.2%, 40.0%

HSV

190.3, 95.4%, 76.5%

CMYK

95.4%, 16.4%, 0.0%, 23.5%

OKLCH

0.6613 0.1181 218.6

Properties

Cool Light Nearest: Pacific Blue

Color Harmonies

Complementary

#09A3C3

#C32909

Analogous

#09C386

#0946C3

#09A3C3

Triadic

#09A3C3

#C309A3

#A3C309

Split Complementary

#09A3C3

#C30946

#C38609

Tetradic

#09A3C3

#8609C3

#C32909

#46C309

Color Blindness Simulation

Original

#09A3C3

Protanopia

#4C4DBB

Deuteranopia

#4337B9

Tritanopia

#11B5B4

Achromatopsia

#858585

CSS Usage

background-color: #09A3C3;
color: #09A3C3;
border-color: #09A3C3;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F1FBFD
100
#DFF6FB
200
#BBF1FC
300
#8AE6FA
400
#4BD9F7
500
#0BCCF4
600
#09A3C3
700
#07829C
800
#06667A
900
#094B58
950
#052F38

Contrast Checker

Text on white

2.98:1

AA Fail AAA Fail

Text on black

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