#CFF2DC

#CFF2DC

Color Values

HEX

#CFF2DC

RGB

207, 242, 220

HSL

142,3, 57,4%, 88,0%

HSV

142,3, 14,5%, 94,9%

CMYK

14,5%, 0,0%, 9,1%, 5,1%

OKLCH

0,9301 0,0469 157,8

Properties

Cool Light Nearest: honeydew 2

Color Harmonies

Complementary

#CFF2DC

#F2CFE5

Analogous

#D3F2CF

#CFF2ED

#CFF2DC

Triadic

#CFF2DC

#DCCFF2

#F2DCCF

Split Complementary

#CFF2DC

#EDCFF2

#F2CFD3

Tetradic

#CFF2DC

#CFD3F2

#F2CFE5

#F2EDCF

Color Blindness Simulation

Original

#CFF2DC

Protanopia

#DEDEE1

Deuteranopia

#DCD9E3

Tritanopia

#D1E6E6

Achromatopsia

#E9E9E9

CSS Usage

background-color: #CFF2DC;
color: #CFF2DC;
border-color: #CFF2DC;
Nearest Tailwind: Emerald 100 #D1FAE5

Tailwind Shades

50
#F4FBF6
100
#E4F6EB
200
#C7F0D6
300
#9FE5B9
400
#6AD793
500
#36C96D
600
#2BA157
700
#238046
800
#1B6436
900
#17492A
950
#0F2E1B

Contrast Checker

Text on white

1,21:1

AA Fail AAA Fail

Text on black

17,39:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026