#6CE6F0

#6CE6F0

Color Values

HEX

#6CE6F0

RGB

108, 230, 240

HSL

184.5, 81.5%, 68.2%

HSV

184.5, 55.0%, 94.1%

CMYK

55.0%, 4.2%, 0.0%, 5.9%

OKLCH

0.859 0.1097 202.6

Properties

Cool Light Nearest: cadetblue 2

Color Harmonies

Complementary

#6CE6F0

#F0766C

Analogous

#6CF0B8

#6CA4F0

#6CE6F0

Triadic

#6CE6F0

#F06CE6

#E6F06C

Split Complementary

#6CE6F0

#F06CA4

#F0B86C

Tetradic

#6CE6F0

#B86CF0

#F0766C

#A4F06C

Color Blindness Simulation

Original

#6CE6F0

Protanopia

#A1A2EE

Deuteranopia

#9A91ED

Tritanopia

#72ECEB

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E1F8FA
200
#BEF4F8
300
#90ECF4
400
#54E2EE
500
#18D8E7
600
#13ADB9
700
#0F8A94
800
#0C6C74
900
#0D4F54
950
#083235

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

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