#09B4F6

#09B4F6

Color Values

HEX

#09B4F6

RGB

9, 180, 246

HSL

196.7, 92.9%, 50.0%

HSV

196.7, 96.3%, 96.5%

CMYK

96.3%, 26.8%, 0.0%, 3.5%

OKLCH

0.7259 0.151 234.2

Properties

Cool Light Nearest: deepskyblue 2

Color Harmonies

Complementary

#09B4F6

#F64B09

Analogous

#09F6C1

#093EF6

#09B4F6

Triadic

#09B4F6

#F609B4

#B4F609

Split Complementary

#09B4F6

#F6093E

#F6C109

Tetradic

#09B4F6

#C109F6

#F64B09

#3EF609

Color Blindness Simulation

Original

#09B4F6

Protanopia

#5355E6

Deuteranopia

#493CE2

Tritanopia

#12D9D7

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#F1FAFD
100
#DFF3FB
200
#BAEAFC
300
#89DBFB
400
#49C8F8
500
#09B4F6
600
#0790C5
700
#06739D
800
#055A7B
900
#084259
950
#052A38

Contrast Checker

Text on white

2.37:1

AA Fail AAA Fail

Text on black

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