#06BCF9

#06BCF9

Color Values

HEX

#06BCF9

RGB

6, 188, 249

HSL

195.1, 95.3%, 50.0%

HSV

195.1, 97.6%, 97.6%

CMYK

97.6%, 24.5%, 0.0%, 2.4%

OKLCH

0.7458 0.1494 230.9

Properties

Cool Light Nearest: deepskyblue

Color Harmonies

Complementary

#06BCF9

#F94306

Analogous

#06F9BD

#0642F9

#06BCF9

Triadic

#06BCF9

#F906BC

#BCF906

Split Complementary

#06BCF9

#F90642

#F9BD06

Tetradic

#06BCF9

#BD06F9

#F94306

#42F906

Color Blindness Simulation

Original

#06BCF9

Protanopia

#5556EA

Deuteranopia

#4A3DE7

Tritanopia

#0FDFDC

Achromatopsia

#9A9A9A

CSS Usage

background-color: #06BCF9;
color: #06BCF9;
border-color: #06BCF9;
Nearest Tailwind: Sky 400 #38BDF8

Tailwind Shades

50
#F1FAFE
100
#DFF4FC
200
#B9ECFD
300
#87DFFC
400
#47CDFB
500
#06BCF9
600
#0596C7
700
#04789F
800
#035E7D
900
#07455A
950
#042C39

Contrast Checker

Text on white

2.19:1

AA Fail AAA Fail

Text on black

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