#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026