#DCE361

#DCE361

Color Values

HEX

#DCE361

RGB

220, 227, 97

HSL

63.2, 69.9%, 63.5%

HSV

63.2, 57.3%, 89.0%

CMYK

3.1%, 0.0%, 57.3%, 11.0%

OKLCH

0.8855 0.1525 112.0

Properties

Cool Light Nearest: RAL 1014 Ivory

Color Harmonies

Complementary

#DCE361

#6861E3

Analogous

#E3A961

#9BE361

#DCE361

Triadic

#DCE361

#61DCE3

#E361DC

Split Complementary

#DCE361

#619BE3

#A961E3

Tetradic

#DCE361

#61E3A9

#6861E3

#E3619B

Color Blindness Simulation

Original

#DCE361

Protanopia

#DFDF80

Deuteranopia

#DFDE88

Tritanopia

#DC999F

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#FBFCF3
100
#F7F8E3
200
#F2F4C2
300
#E8ED97
400
#DCE35F
500
#CFD926
600
#A6AD1F
700
#858B19
800
#686C13
900
#4C4F12
950
#30320B

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

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