#CAD480

#CAD480

Color Values

HEX

#CAD480

RGB

202, 212, 128

HSL

67.1, 49.4%, 66.7%

HSV

67.1, 39.6%, 83.1%

CMYK

4.7%, 0.0%, 39.6%, 16.9%

OKLCH

0.8434 0.108 114.3

Properties

Cool Light Nearest: khaki 3

Color Harmonies

Complementary

#CAD480

#8A80D4

Analogous

#D4B480

#A0D480

#CAD480

Triadic

#CAD480

#80CAD4

#D480CA

Split Complementary

#CAD480

#80A0D4

#B480D4

Tetradic

#CAD480

#80D4B4

#8A80D4

#D480A0

Color Blindness Simulation

Original

#CAD480

Protanopia

#CECE94

Deuteranopia

#CECD99

Tritanopia

#CAA4A8

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#FAFBF4
100
#F3F5E6
200
#E9EDCA
300
#D9E0A4
400
#C4CF72
500
#B0BE41
600
#8C9834
700
#707A29
800
#585F20
900
#41461B
950
#292C11

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

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