#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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026