#6FDDE4

#6FDDE4

Color Values

HEX

#6FDDE4

RGB

111, 221, 228

HSL

183.6, 68.4%, 66.5%

HSV

183.6, 51.3%, 89.4%

CMYK

51.3%, 3.1%, 0.0%, 10.6%

OKLCH

0.8354 0.1013 200.9

Properties

Cool Light Nearest: cadetblue 2

Color Harmonies

Complementary

#6FDDE4

#E4766F

Analogous

#6FE4B1

#6FA3E4

#6FDDE4

Triadic

#6FDDE4

#E46FDD

#DDE46F

Split Complementary

#6FDDE4

#E46FA3

#E4B16F

Tetradic

#6FDDE4

#B16FE4

#E4766F

#A3E46F

Color Blindness Simulation

Original

#6FDDE4

Protanopia

#9FA0E2

Deuteranopia

#9890E2

Tritanopia

#74E1E1

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F3FBFC
100
#E3F6F8
200
#C3F1F4
300
#98E7EC
400
#60D9E1
500
#28CCD7
600
#20A3AC
700
#1A8389
800
#14666B
900
#134B4E
950
#0C2F31

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

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