#DFDFBD

#DFDFBD

Color Values

HEX

#DFDFBD

RGB

223, 223, 189

HSL

60.0, 34.7%, 80.8%

HSV

60.0, 15.2%, 87.5%

CMYK

0.0%, 0.0%, 15.2%, 12.5%

OKLCH

0.8948 0.0451 107.3

Properties

Warm Light Nearest: RAL 1013 Oyster White

Color Harmonies

Complementary

#DFDFBD

#BDBDDF

Analogous

#DFCEBD

#CEDFBD

#DFDFBD

Triadic

#DFDFBD

#BDDFDF

#DFBDDF

Split Complementary

#DFDFBD

#BDCEDF

#CEBDDF

Tetradic

#DFDFBD

#BDDFCE

#BDBDDF

#DFBDCE

Color Blindness Simulation

Original

#DFDFBD

Protanopia

#DFDFC5

Deuteranopia

#DFDFC7

Tritanopia

#DFCCCD

Achromatopsia

#DDDDDD

CSS Usage

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

Tailwind Shades

50
#FAFAF5
100
#F2F2E8
200
#E8E8CF
300
#D7D7AD
400
#C1C180
500
#ACAC53
600
#898943
700
#6E6E35
800
#56562A
900
#404021
950
#282815

Contrast Checker

Text on white

1.36:1

AA Fail AAA Fail

Text on black

15.43:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026