#6CF1EC

#6CF1EC

Color Values

HEX

#6CF1EC

RGB

108, 241, 236

HSL

177,7, 82,6%, 68,4%

HSV

177,7, 55,2%, 94,5%

CMYK

55,2%, 0,0%, 2,1%, 5,5%

OKLCH

0,8829 0,1169 191,9

Properties

Cool Light Nearest: cyan 2

Color Harmonies

Complementary

#6CF1EC

#F16C71

Analogous

#6CF1A9

#6CB4F1

#6CF1EC

Triadic

#6CF1EC

#EC6CF1

#F1EC6C

Split Complementary

#6CF1EC

#F16CB4

#F1A96C

Tetradic

#6CF1EC

#A96CF1

#F16C71

#B4F16C

Color Blindness Simulation

Original

#6CF1EC

Protanopia

#A6A7ED

Deuteranopia

#9E94EE

Tritanopia

#73EEEE

Achromatopsia

#D4D4D4

CSS Usage

background-color: #6CF1EC;
color: #6CF1EC;
border-color: #6CF1EC;
Nearest Tailwind: Teal 300 #5EEAD4

Tailwind Shades

50
#F2FDFC
100
#E1FAF9
200
#BEF9F7
300
#8FF4F0
400
#53EFE9
500
#16E9E1
600
#12BAB4
700
#0E9590
800
#0B7470
900
#0C5452
950
#083534

Contrast Checker

Text on white

1,36:1

AA Fail AAA Fail

Text on black

15,43: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