#C7DC23

#C7DC23

Color Values

HEX

#C7DC23

RGB

199, 220, 35

HSL

66.8, 72.5%, 50.0%

HSV

66.8, 84.1%, 86.3%

CMYK

9.5%, 0.0%, 84.1%, 13.7%

OKLCH

0.8499 0.188 116.6

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#C7DC23

#3823DC

Analogous

#DC9423

#6BDC23

#C7DC23

Triadic

#C7DC23

#23C7DC

#DC23C7

Split Complementary

#C7DC23

#236BDC

#9423DC

Tetradic

#C7DC23

#23DC94

#3823DC

#DC236B

Color Blindness Simulation

Original

#C7DC23

Protanopia

#D0D050

Deuteranopia

#CFCD5A

Tritanopia

#C8737B

Achromatopsia

#CACACA

CSS Usage

background-color: #C7DC23;
color: #C7DC23;
border-color: #C7DC23;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#FBFCF3
100
#F6F8E2
200
#EFF5C1
300
#E4EE95
400
#D6E55C
500
#C7DC23
600
#9FB01C
700
#7F8D16
800
#636E12
900
#495011
950
#2E330B

Contrast Checker

Text on white

1.53:1

AA Fail AAA Fail

Text on black

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