#D3DCC4

#D3DCC4

Color Values

HEX

#D3DCC4

RGB

211, 220, 196

HSL

82.5, 25.5%, 81.6%

HSV

82.5, 10.9%, 86.3%

CMYK

4.1%, 0.0%, 10.9%, 13.7%

OKLCH

0.8811 0.0337 123.9

Properties

Cool Light Nearest: lightyellow 3

Color Harmonies

Complementary

#D3DCC4

#CDC4DC

Analogous

#DCD9C4

#C7DCC4

#D3DCC4

Triadic

#D3DCC4

#C4D3DC

#DCC4D3

Split Complementary

#D3DCC4

#C4C7DC

#D9C4DC

Tetradic

#D3DCC4

#C4DCD9

#CDC4DC

#DCC4C7

Color Blindness Simulation

Original

#D3DCC4

Protanopia

#D7D7CA

Deuteranopia

#D6D6CB

Tritanopia

#D3CECF

Achromatopsia

#D8D8D8

CSS Usage

background-color: #D3DCC4;
color: #D3DCC4;
border-color: #D3DCC4;
Nearest Tailwind: Lime 50 #F7FEE7

Tailwind Shades

50
#F8F9F6
100
#EEF1E9
200
#DEE4D2
300
#C6D1B2
400
#A7B989
500
#88A05F
600
#6D804C
700
#57663D
800
#44502F
900
#333C25
950
#202618

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

14.8:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026