#D1EBA0

#D1EBA0

Color Values

HEX

#D1EBA0

RGB

209, 235, 160

HSL

80.8, 65.2%, 77.5%

HSV

80.8, 31.9%, 92.2%

CMYK

11.1%, 0.0%, 31.9%, 7.8%

OKLCH

0.9032 0.1012 123.9

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#D1EBA0

#BAA0EB

Analogous

#EBE0A0

#ACEBA0

#D1EBA0

Triadic

#D1EBA0

#A0D1EB

#EBA0D1

Split Complementary

#D1EBA0

#A0ACEB

#E0A0EB

Tetradic

#D1EBA0

#A0EBE0

#BAA0EB

#EBA0AC

Color Blindness Simulation

Original

#D1EBA0

Protanopia

#DCDCB2

Deuteranopia

#DBD9B6

Tritanopia

#D2C0C4

Achromatopsia

#E0E0E0

CSS Usage

background-color: #D1EBA0;
color: #D1EBA0;
border-color: #D1EBA0;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F9FCF3
100
#F0F7E3
200
#E2F3C4
300
#CEEA9A
400
#B4DE63
500
#99D32C
600
#7AA923
700
#62871C
800
#4C6916
900
#394D14
950
#24310D

Contrast Checker

Text on white

1.3:1

AA Fail AAA Fail

Text on black

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