#D8DFB0

#D8DFB0

Color Values

HEX

#D8DFB0

RGB

216, 223, 176

HSL

68,9, 42,3%, 78,2%

HSV

68,9, 21,1%, 87,5%

CMYK

3,1%, 0,0%, 21,1%, 12,5%

OKLCH

0,8864 0,0625 114,6

Properties

Cool Light Nearest: Spring Green

Color Harmonies

Complementary

#D8DFB0

#B7B0DF

Analogous

#DFCEB0

#C0DFB0

#D8DFB0

Triadic

#D8DFB0

#B0D8DF

#DFB0D8

Split Complementary

#D8DFB0

#B0C0DF

#CEB0DF

Tetradic

#D8DFB0

#B0DFCE

#B7B0DF

#DFB0C0

Color Blindness Simulation

Original

#D8DFB0

Protanopia

#DBDBBB

Deuteranopia

#DBDABE

Tritanopia

#D8C4C6

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#F9FAF5
100
#F2F4E7
200
#E6EACC
300
#D4DCA8
400
#BDC979
500
#A5B54A
600
#84913B
700
#6A742F
800
#535B25
900
#3D431E
950
#272A13

Contrast Checker

Text on white

1,39:1

AA Fail AAA Fail

Text on black

15,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