#CADD4D

#CADD4D

Color Values

HEX

#CADD4D

RGB

202, 221, 77

HSL

67.9, 67.9%, 58.4%

HSV

67.9, 65.2%, 86.7%

CMYK

8.6%, 0.0%, 65.2%, 13.3%

OKLCH

0.8568 0.1661 116.5

Properties

Cool Light Nearest: darkolivegreen 2

Color Harmonies

Complementary

#CADD4D

#604DDD

Analogous

#DDA84D

#82DD4D

#CADD4D

Triadic

#CADD4D

#4DCADD

#DD4DCA

Split Complementary

#CADD4D

#4D82DD

#A84DDD

Tetradic

#CADD4D

#4DDDA8

#604DDD

#DD4D82

Color Blindness Simulation

Original

#CADD4D

Protanopia

#D2D270

Deuteranopia

#D1D078

Tritanopia

#CB8B91

Achromatopsia

#CFCFCF

CSS Usage

background-color: #CADD4D;
color: #CADD4D;
border-color: #CADD4D;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#FBFCF3
100
#F5F7E3
200
#EDF4C3
300
#E0EB98
400
#D0E161
500
#BFD629
600
#99AB21
700
#7A891A
800
#606B14
900
#464E13
950
#2C310C

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

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