#DCEC81

#DCEC81

Color Values

HEX

#DCEC81

RGB

220, 236, 129

HSL

69,0, 73,8%, 71,6%

HSV

69,0, 45,3%, 92,5%

CMYK

6,8%, 0,0%, 45,3%, 7,5%

OKLCH

0,9085 0,1331 116,1

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#DCEC81

#9181EC

Analogous

#ECC781

#A7EC81

#DCEC81

Triadic

#DCEC81

#81DCEC

#EC81DC

Split Complementary

#DCEC81

#81A7EC

#C781EC

Tetradic

#DCEC81

#81ECC7

#9181EC

#EC81A7

Color Blindness Simulation

Original

#DCEC81

Protanopia

#E3E39B

Deuteranopia

#E2E1A1

Tritanopia

#DDAFB4

Achromatopsia

#E1E1E1

CSS Usage

background-color: #DCEC81;
color: #DCEC81;
border-color: #DCEC81;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#FBFCF3
100
#F5F8E2
200
#EEF6C1
300
#E1EF95
400
#D1E65B
500
#C1DE21
600
#9BB11B
700
#7C8E15
800
#616F11
900
#475110
950
#2D330A

Contrast Checker

Text on white

1,28:1

AA Fail AAA Fail

Text on black

16,36:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Oca 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Oca 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Oca 15, 2026