#06BDF9

#06BDF9

Color Values

HEX

#06BDF9

RGB

6, 189, 249

HSL

194,8, 95,3%, 50,0%

HSV

194,8, 97,6%, 97,6%

CMYK

97,6%, 24,1%, 0,0%, 2,4%

OKLCH

0,7481 0,1489 230,3

Properties

Cool Light Nearest: deepskyblue

Color Harmonies

Complementary

#06BDF9

#F94206

Analogous

#06F9BB

#0644F9

#06BDF9

Triadic

#06BDF9

#F906BD

#BDF906

Split Complementary

#06BDF9

#F90644

#F9BB06

Tetradic

#06BDF9

#BB06F9

#F94206

#44F906

Color Blindness Simulation

Original

#06BDF9

Protanopia

#5557EA

Deuteranopia

#4B3DE7

Tritanopia

#0FDFDC

Achromatopsia

#9A9A9A

CSS Usage

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

Tailwind Shades

50
#F1FAFE
100
#DFF4FC
200
#B9EDFD
300
#87DFFC
400
#47CEFB
500
#06BDF9
600
#0597C7
700
#04799F
800
#035F7D
900
#07465A
950
#042C39

Contrast Checker

Text on white

2,18:1

AA Fail AAA Fail

Text on black

9,65:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026