#6FECED

#6FECED

Color Values

HEX

#6FECED

RGB

111, 236, 237

HSL

180.5, 77.8%, 68.2%

HSV

180.5, 53.2%, 92.9%

CMYK

53.2%, 0.4%, 0.0%, 7.1%

OKLCH

0.8728 0.1113 196.0

Properties

Cool Light Nearest: turquoise 2

Color Harmonies

Complementary

#6FECED

#ED706F

Analogous

#6FEDAF

#6FADED

#6FECED

Triadic

#6FECED

#ED6FEC

#ECED6F

Split Complementary

#6FECED

#ED6FAD

#EDAF6F

Tetradic

#6FECED

#AF6FED

#ED706F

#ADED6F

Color Blindness Simulation

Original

#6FECED

Protanopia

#A5A6ED

Deuteranopia

#9E94ED

Tritanopia

#75EDED

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F2FCFC
100
#E1F9F9
200
#C0F7F7
300
#92F1F1
400
#57E9EA
500
#1CE1E3
600
#17B4B5
700
#129091
800
#0E7171
900
#0F5252
950
#093434

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

14.9:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026