#DCE363

#DCE363

Color Values

HEX

#DCE363

RGB

220, 227, 99

HSL

63.3, 69.6%, 63.9%

HSV

63.3, 56.4%, 89.0%

CMYK

3.1%, 0.0%, 56.4%, 11.0%

OKLCH

0.8857 0.1508 112.0

Properties

Cool Light Nearest: RAL 1014 Ivory

Color Harmonies

Complementary

#DCE363

#6A63E3

Analogous

#E3AA63

#9CE363

#DCE363

Triadic

#DCE363

#63DCE3

#E363DC

Split Complementary

#DCE363

#639CE3

#AA63E3

Tetradic

#DCE363

#63E3AA

#6A63E3

#E3639C

Color Blindness Simulation

Original

#DCE363

Protanopia

#DFDF82

Deuteranopia

#DFDE89

Tritanopia

#DC9AA0

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#FBFCF3
100
#F7F8E3
200
#F1F4C2
300
#E8EC97
400
#DBE25F
500
#CED827
600
#A5AD1F
700
#848A19
800
#676C13
900
#4B4F12
950
#30320B

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

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