#D3D3AB

#D3D3AB

Color Values

HEX

#D3D3AB

RGB

211, 211, 171

HSL

60.0, 31.2%, 74.9%

HSV

60.0, 19.0%, 82.7%

CMYK

0.0%, 0.0%, 19.0%, 17.3%

OKLCH

0.8566 0.0533 107.5

Properties

Warm Light Nearest: lightyellow 3

Color Harmonies

Complementary

#D3D3AB

#ABABD3

Analogous

#D3BFAB

#BFD3AB

#D3D3AB

Triadic

#D3D3AB

#ABD3D3

#D3ABD3

Split Complementary

#D3D3AB

#ABBFD3

#BFABD3

Tetradic

#D3D3AB

#ABD3BF

#ABABD3

#D3ABBF

Color Blindness Simulation

Original

#D3D3AB

Protanopia

#D3D3B5

Deuteranopia

#D3D3B7

Tritanopia

#D3BCBE

Achromatopsia

#D0D0D0

CSS Usage

background-color: #D3D3AB;
color: #D3D3AB;
border-color: #D3D3AB;
Nearest Tailwind: Amber 100 #FEF3C7

Tailwind Shades

50
#F9F9F5
100
#F2F2E8
200
#E6E6D0
300
#D5D5AF
400
#BEBE83
500
#A7A758
600
#868646
700
#6B6B38
800
#54542C
900
#3E3E23
950
#272716

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

13.68:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026