#6FDEDC

#6FDEDC

Color Values

HEX

#6FDEDC

RGB

111, 222, 220

HSL

178.9, 62.7%, 65.3%

HSV

178.9, 50.0%, 87.1%

CMYK

50.0%, 0.0%, 0.9%, 12.9%

OKLCH

0.8351 0.1019 193.8

Properties

Cool Light Nearest: mediumturquoise

Color Harmonies

Complementary

#6FDEDC

#DE6F71

Analogous

#6FDEA4

#6FA9DE

#6FDEDC

Triadic

#6FDEDC

#DC6FDE

#DEDC6F

Split Complementary

#6FDEDC

#DE6FA9

#DEA46F

Tetradic

#6FDEDC

#A46FDE

#DE6F71

#A9DE6F

Color Blindness Simulation

Original

#6FDEDC

Protanopia

#9FA0DC

Deuteranopia

#9990DD

Tritanopia

#75DDDD

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F3FBFB
100
#E4F7F6
200
#C5F2F1
300
#9BE8E7
400
#65DCDA
500
#30CFCD
600
#26A6A4
700
#1E8583
800
#186866
900
#154C4B
950
#0D302F

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

13.16:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026