#D3EFCA

#D3EFCA

Color Values

HEX

#D3EFCA

RGB

211, 239, 202

HSL

105.4, 53.6%, 86.5%

HSV

105.4, 15.5%, 93.7%

CMYK

11.7%, 0.0%, 15.5%, 6.3%

OKLCH

0.922 0.0575 138.1

Properties

Cool Light Nearest: lightyellow 2

Color Harmonies

Complementary

#D3EFCA

#E6CAEF

Analogous

#E6EFCA

#CAEFD4

#D3EFCA

Triadic

#D3EFCA

#CAD3EF

#EFCAD3

Split Complementary

#D3EFCA

#D4CAEF

#EFCAE6

Tetradic

#D3EFCA

#CAE6EF

#E6CAEF

#EFD4CA

Color Blindness Simulation

Original

#D3EFCA

Protanopia

#DFDFD3

Deuteranopia

#DEDBD5

Tritanopia

#D4DADC

Achromatopsia

#E6E6E6

CSS Usage

background-color: #D3EFCA;
color: #D3EFCA;
border-color: #D3EFCA;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#F6FBF4
100
#E9F5E5
200
#D1EEC8
300
#B1E3A1
400
#87D36E
500
#5CC43B
600
#4A9D2F
700
#3B7D26
800
#2E621E
900
#244819
950
#172D10

Contrast Checker

Text on white

1.24:1

AA Fail AAA Fail

Text on black

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