#09BCF6

#09BCF6

Color Values

HEX

#09BCF6

RGB

9, 188, 246

HSL

194.7, 92.9%, 50.0%

HSV

194.7, 96.3%, 96.5%

CMYK

96.3%, 23.6%, 0.0%, 3.5%

OKLCH

0.7445 0.1467 229.6

Properties

Cool Light Nearest: deepskyblue

Color Harmonies

Complementary

#09BCF6

#F64309

Analogous

#09F6BA

#0945F6

#09BCF6

Triadic

#09BCF6

#F609BC

#BCF609

Split Complementary

#09BCF6

#F60945

#F6BA09

Tetradic

#09BCF6

#BA09F6

#F64309

#45F609

Color Blindness Simulation

Original

#09BCF6

Protanopia

#5758E8

Deuteranopia

#4C3FE5

Tritanopia

#12DDDA

Achromatopsia

#9A9A9A

CSS Usage

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

Tailwind Shades

50
#F1FAFD
100
#DFF4FB
200
#BAECFC
300
#89DFFB
400
#49CDF8
500
#09BCF6
600
#0796C5
700
#06789D
800
#055E7B
900
#084559
950
#052C38

Contrast Checker

Text on white

2.2:1

AA Fail AAA Fail

Text on black

9.54:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026