#DCE382

#DCE382

Color Values

HEX

#DCE382

RGB

220, 227, 130

HSL

64.3, 63.4%, 70.0%

HSV

64.3, 42.7%, 89.0%

CMYK

3.1%, 0.0%, 42.7%, 11.0%

OKLCH

0.8896 0.121 112.2

Properties

Cool Light Nearest: khaki 2

Color Harmonies

Complementary

#DCE382

#8982E3

Analogous

#E3B982

#ACE382

#DCE382

Triadic

#DCE382

#82DCE3

#E382DC

Split Complementary

#DCE382

#82ACE3

#B982E3

Tetradic

#DCE382

#82E3B9

#8982E3

#E382AC

Color Blindness Simulation

Original

#DCE382

Protanopia

#DFDF99

Deuteranopia

#DFDE9F

Tritanopia

#DCACB0

Achromatopsia

#DBDBDB

CSS Usage

background-color: #DCE382;
color: #DCE382;
border-color: #DCE382;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FBFBF3
100
#F5F7E4
200
#EFF2C5
300
#E3E99B
400
#D4DC65
500
#C5D02F
600
#9DA725
700
#7E851E
800
#626817
900
#484C15
950
#2E300D

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

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