#CFE4D6

#CFE4D6

Color Values

HEX

#CFE4D6

RGB

207, 228, 214

HSL

140.0, 28.0%, 85.3%

HSV

140.0, 9.2%, 89.4%

CMYK

9.2%, 0.0%, 6.1%, 10.6%

OKLCH

0.8994 0.0292 156.6

Properties

Cool Light Nearest: honeydew 2

Color Harmonies

Complementary

#CFE4D6

#E4CFDD

Analogous

#D3E4CF

#CFE4E1

#CFE4D6

Triadic

#CFE4D6

#D6CFE4

#E4D6CF

Split Complementary

#CFE4D6

#E1CFE4

#E4CFD3

Tetradic

#CFE4D6

#CFD3E4

#E4CFDD

#E4E1CF

Color Blindness Simulation

Original

#CFE4D6

Protanopia

#D8D8D9

Deuteranopia

#D7D5DA

Tritanopia

#D0DCDD

Achromatopsia

#DFDFDF

CSS Usage

background-color: #CFE4D6;
color: #CFE4D6;
border-color: #CFE4D6;
Nearest Tailwind: Green 100 #DCFCE7

Tailwind Shades

50
#F6F9F7
100
#E9F1EC
200
#D1E5D8
300
#B1D3BC
400
#86BB98
500
#5CA374
600
#49835C
700
#3B684A
800
#2E523A
900
#243D2C
950
#17261C

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

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