#6ADEE6

#6ADEE6

Color Values

HEX

#6ADEE6

RGB

106, 222, 230

HSL

183.9, 71.3%, 65.9%

HSV

183.9, 53.9%, 90.2%

CMYK

53.9%, 3.5%, 0.0%, 9.8%

OKLCH

0.8366 0.1053 201.4

Properties

Cool Light Nearest: cadetblue 2

Color Harmonies

Complementary

#6ADEE6

#E6726A

Analogous

#6AE6B0

#6AA0E6

#6ADEE6

Triadic

#6ADEE6

#E66ADE

#DEE66A

Split Complementary

#6ADEE6

#E66AA0

#E6B06A

Tetradic

#6ADEE6

#B06AE6

#E6726A

#A0E66A

Color Blindness Simulation

Original

#6ADEE6

Protanopia

#9C9DE4

Deuteranopia

#968DE4

Tritanopia

#70E3E2

Achromatopsia

#C6C6C6

CSS Usage

background-color: #6ADEE6;
color: #6ADEE6;
border-color: #6ADEE6;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F3FBFC
100
#E2F7F8
200
#C2F1F5
300
#96E8ED
400
#5DDBE4
500
#25CFDA
600
#1DA5AF
700
#17848C
800
#12676D
900
#114B50
950
#0B3032

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

13.2:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026