#DFE3B0

#DFE3B0

Color Values

HEX

#DFE3B0

RGB

223, 227, 176

HSL

64.7, 47.7%, 79.0%

HSV

64.7, 22.5%, 89.0%

CMYK

1.8%, 0.0%, 22.5%, 11.0%

OKLCH

0.9001 0.0669 111.4

Properties

Cool Light Nearest: Spring Green

Color Harmonies

Complementary

#DFE3B0

#B4B0E3

Analogous

#E3CDB0

#C5E3B0

#DFE3B0

Triadic

#DFE3B0

#B0DFE3

#E3B0DF

Split Complementary

#DFE3B0

#B0C5E3

#CDB0E3

Tetradic

#DFE3B0

#B0E3CD

#B4B0E3

#E3B0C5

Color Blindness Simulation

Original

#DFE3B0

Protanopia

#E1E1BC

Deuteranopia

#E0E0BF

Tritanopia

#DFC6C8

Achromatopsia

#DEDEDE

CSS Usage

background-color: #DFE3B0;
color: #DFE3B0;
border-color: #DFE3B0;
Nearest Tailwind: Yellow 100 #FEF9C3

Tailwind Shades

50
#FAFAF4
100
#F3F4E6
200
#EAECCA
300
#DADFA5
400
#C7CE74
500
#B3BC43
600
#8F9735
700
#72792B
800
#595E21
900
#42451C
950
#2A2C11

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

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