#CAD168

#CAD168

Color Values

HEX

#CAD168

RGB

202, 209, 104

HSL

64.0, 53.3%, 61.4%

HSV

64.0, 50.2%, 82.0%

CMYK

3.3%, 0.0%, 50.2%, 18.0%

OKLCH

0.8335 0.1294 112.3

Properties

Cool Light Nearest: khaki 2

Color Harmonies

Complementary

#CAD168

#6F68D1

Analogous

#D1A468

#96D168

#CAD168

Triadic

#CAD168

#68CAD1

#D168CA

Split Complementary

#CAD168

#6896D1

#A468D1

Tetradic

#CAD168

#68D1A4

#6F68D1

#D16896

Color Blindness Simulation

Original

#CAD168

Protanopia

#CDCD81

Deuteranopia

#CDCC88

Tritanopia

#CA959A

Achromatopsia

#C8C8C8

CSS Usage

background-color: #CAD168;
color: #CAD168;
border-color: #CAD168;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FAFBF4
100
#F4F5E5
200
#ECEEC8
300
#DEE2A1
400
#CCD36E
500
#BAC33C
600
#959C30
700
#777D26
800
#5D621E
900
#454819
950
#2B2D10

Contrast Checker

Text on white

1.64:1

AA Fail AAA Fail

Text on black

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