#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

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026