#09CBF6

#09CBF6

Color Values

HEX

#09CBF6

RGB

9, 203, 246

HSL

190.9, 92.9%, 50.0%

HSV

190.9, 96.3%, 96.5%

CMYK

96.3%, 17.5%, 0.0%, 3.5%

OKLCH

0.7797 0.1416 220.5

Properties

Cool Light Nearest: Cerulean

Color Harmonies

Complementary

#09CBF6

#F63409

Analogous

#09F6AB

#0954F6

#09CBF6

Triadic

#09CBF6

#F609CB

#CBF609

Split Complementary

#09CBF6

#F60954

#F6AB09

Tetradic

#09CBF6

#AB09F6

#F63409

#54F609

Color Blindness Simulation

Original

#09CBF6

Protanopia

#5D5FEC

Deuteranopia

#5243E9

Tritanopia

#13E3E2

Achromatopsia

#A5A5A5

CSS Usage

background-color: #09CBF6;
color: #09CBF6;
border-color: #09CBF6;
Nearest Tailwind: Cyan 400 #22D3EE

Tailwind Shades

50
#F1FBFD
100
#DFF6FB
200
#BAF0FC
300
#89E6FB
400
#49D8F8
500
#09CBF6
600
#07A2C5
700
#06829D
800
#05657B
900
#084A59
950
#052F38

Contrast Checker

Text on white

1.93:1

AA Fail AAA Fail

Text on black

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