#6FE7E4

#6FE7E4

Color Values

HEX

#6FE7E4

RGB

111, 231, 228

HSL

178.5, 71.4%, 67.1%

HSV

178.5, 51.9%, 90.6%

CMYK

51.9%, 0.0%, 1.3%, 9.4%

OKLCH

0.8584 0.1082 193.1

Properties

Cool Light Nearest: mediumturquoise

Color Harmonies

Complementary

#6FE7E4

#E76F72

Analogous

#6FE7A8

#6FAEE7

#6FE7E4

Triadic

#6FE7E4

#E46FE7

#E7E46F

Split Complementary

#6FE7E4

#E76FAE

#E7A86F

Tetradic

#6FE7E4

#A86FE7

#E76F72

#AEE76F

Color Blindness Simulation

Original

#6FE7E4

Protanopia

#A3A4E5

Deuteranopia

#9C93E5

Tritanopia

#75E5E5

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#F3FCFC
100
#E2F8F7
200
#C2F5F4
300
#96EDEB
400
#5DE4E1
500
#24DBD6
600
#1DAFAB
700
#178C89
800
#126D6B
900
#11504E
950
#0B3231

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

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