#09AAC3

#09AAC3

Color Values

HEX

#09AAC3

RGB

9, 170, 195

HSL

188.1, 91.2%, 40.0%

HSV

188.1, 95.4%, 76.5%

CMYK

95.4%, 12.8%, 0.0%, 23.5%

OKLCH

0.6785 0.1177 213.2

Properties

Cool Light Nearest: Pacific Blue

Color Harmonies

Complementary

#09AAC3

#C32209

Analogous

#09C37F

#094DC3

#09AAC3

Triadic

#09AAC3

#C309AA

#AAC309

Split Complementary

#09AAC3

#C3094D

#C37F09

Tetradic

#09AAC3

#7F09C3

#C32209

#4DC309

Color Blindness Simulation

Original

#09AAC3

Protanopia

#4F50BD

Deuteranopia

#4539BC

Tritanopia

#11B8B7

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#F1FCFD
100
#DFF7FB
200
#BBF3FC
300
#8AEBFA
400
#4BDFF7
500
#0BD4F4
600
#09AAC3
700
#07889C
800
#066A7A
900
#094D58
950
#053138

Contrast Checker

Text on white

2.78:1

AA Fail AAA Fail

Text on black

7.55:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026