#09B7F6

#09B7F6

Color Values

HEX

#09B7F6

RGB

9, 183, 246

HSL

195.9, 92.9%, 50.0%

HSV

195.9, 96.3%, 96.5%

CMYK

96.3%, 25.6%, 0.0%, 3.5%

OKLCH

0.7329 0.1492 232.5

Properties

Cool Light Nearest: deepskyblue 2

Color Harmonies

Complementary

#09B7F6

#F64809

Analogous

#09F6BE

#0941F6

#09B7F6

Triadic

#09B7F6

#F609B7

#B7F609

Split Complementary

#09B7F6

#F60941

#F6BE09

Tetradic

#09B7F6

#BE09F6

#F64809

#41F609

Color Blindness Simulation

Original

#09B7F6

Protanopia

#5456E7

Deuteranopia

#4A3DE3

Tritanopia

#12DBD8

Achromatopsia

#979797

CSS Usage

background-color: #09B7F6;
color: #09B7F6;
border-color: #09B7F6;
Nearest Tailwind: Sky 400 #38BDF8

Tailwind Shades

50
#F1FAFD
100
#DFF4FB
200
#BAEBFC
300
#89DDFB
400
#49CAF8
500
#09B7F6
600
#0793C5
700
#06759D
800
#055C7B
900
#084359
950
#052B38

Contrast Checker

Text on white

2.3:1

AA Fail AAA Fail

Text on black

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