#09AFC3

#09AFC3

Color Values

HEX

#09AFC3

RGB

9, 175, 195

HSL

186.5, 91.2%, 40.0%

HSV

186.5, 95.4%, 76.5%

CMYK

95.4%, 10.3%, 0.0%, 23.5%

OKLCH

0.6908 0.1181 209.3

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#09AFC3

#C31D09

Analogous

#09C37A

#0952C3

#09AFC3

Triadic

#09AFC3

#C309AF

#AFC309

Split Complementary

#09AFC3

#C30952

#C37A09

Tetradic

#09AFC3

#7A09C3

#C31D09

#52C309

Color Blindness Simulation

Original

#09AFC3

Protanopia

#5152BE

Deuteranopia

#473BBD

Tritanopia

#11BABA

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#F1FCFD
100
#DFF8FB
200
#BBF5FC
300
#8AEEFA
400
#4BE4F7
500
#0BDBF4
600
#09AFC3
700
#078C9C
800
#066D7A
900
#095058
950
#053238

Contrast Checker

Text on white

2.65:1

AA Fail AAA Fail

Text on black

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