#CFEADE

#CFEADE

Color Values

HEX

#CFEADE

RGB

207, 234, 222

HSL

153.3, 39.1%, 86.5%

HSV

153.3, 11.5%, 91.8%

CMYK

11.5%, 0.0%, 5.1%, 8.2%

OKLCH

0.914 0.0327 167.1

Properties

Cool Light Nearest: honeydew 2

Color Harmonies

Complementary

#CFEADE

#EACFDB

Analogous

#CFEAD1

#CFE9EA

#CFEADE

Triadic

#CFEADE

#DECFEA

#EADECF

Split Complementary

#CFEADE

#EACFE9

#EAD1CF

Tetradic

#CFEADE

#D1CFEA

#EACFDB

#E9EACF

Color Blindness Simulation

Original

#CFEADE

Protanopia

#DBDBE1

Deuteranopia

#D9D7E2

Tritanopia

#D0E3E4

Achromatopsia

#E3E3E3

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E7F3EE
200
#CDE9DD
300
#AADAC4
400
#7CC6A5
500
#4EB185
600
#3E8E6A
700
#327255
800
#275942
900
#1F4132
950
#142920

Contrast Checker

Text on white

1.27:1

AA Fail AAA Fail

Text on black

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