#CEFED2

#CEFED2

Color Values

HEX

#CEFED2

RGB

206, 254, 210

HSL

125.0, 96.0%, 90.2%

HSV

125.0, 18.9%, 99.6%

CMYK

18.9%, 0.0%, 17.3%, 0.4%

OKLCH

0.9522 0.0765 147.2

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#CEFED2

#FECEFA

Analogous

#E2FECE

#CEFEEA

#CEFED2

Triadic

#CEFED2

#D2CEFE

#FED2CE

Split Complementary

#CEFED2

#EACEFE

#FECEE2

Tetradic

#CEFED2

#CEE2FE

#FECEFA

#FEEACE

Color Blindness Simulation

Original

#CEFED2

Protanopia

#E3E3DD

Deuteranopia

#E0DCDF

Tritanopia

#D0E5E7

Achromatopsia

#F1F1F1

CSS Usage

background-color: #CEFED2;
color: #CEFED2;
border-color: #CEFED2;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F1FEF2
100
#DFFCE1
200
#B9FEBF
300
#87FD91
400
#46FB55
500
#05FA1A
600
#04C814
700
#03A010
800
#037D0D
900
#075A0E
950
#043909

Contrast Checker

Text on white

1.12:1

AA Fail AAA Fail

Text on black

18.73:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026