#D6DC34

#D6DC34

Color Values

HEX

#D6DC34

RGB

214, 220, 52

HSL

62.1, 70.6%, 53.3%

HSV

62.1, 76.4%, 86.3%

CMYK

2.7%, 0.0%, 76.4%, 13.7%

OKLCH

0.8624 0.1766 111.7

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#D6DC34

#3A34DC

Analogous

#DC8E34

#82DC34

#D6DC34

Triadic

#D6DC34

#34D6DC

#DC34D6

Split Complementary

#D6DC34

#3482DC

#8E34DC

Tetradic

#D6DC34

#34DC8E

#3A34DC

#DC3482

Color Blindness Simulation

Original

#D6DC34

Protanopia

#D9D95D

Deuteranopia

#D8D866

Tritanopia

#D67D84

Achromatopsia

#CFCFCF

CSS Usage

background-color: #D6DC34;
color: #D6DC34;
border-color: #D6DC34;
Nearest Tailwind: Yellow 300 #FDE047

Tailwind Shades

50
#FCFCF3
100
#F7F8E2
200
#F3F5C2
300
#EAED97
400
#DFE35E
500
#D3DA25
600
#A9AE1E
700
#878B18
800
#6A6D13
900
#4D4F12
950
#31320B

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

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