#CAD286

#CAD286

Color Values

HEX

#CAD286

RGB

202, 210, 134

HSL

66.3, 45.8%, 67.5%

HSV

66.3, 36.2%, 82.4%

CMYK

3.8%, 0.0%, 36.2%, 17.6%

OKLCH

0.8401 0.0986 113.4

Properties

Cool Light Nearest: khaki 3

Color Harmonies

Complementary

#CAD286

#8E86D2

Analogous

#D2B486

#A4D286

#CAD286

Triadic

#CAD286

#86CAD2

#D286CA

Split Complementary

#CAD286

#86A4D2

#B486D2

Tetradic

#CAD286

#86D2B4

#8E86D2

#D286A4

Color Blindness Simulation

Original

#CAD286

Protanopia

#CDCE98

Deuteranopia

#CDCC9D

Tritanopia

#CAA7AA

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#FAFAF4
100
#F3F4E6
200
#E8ECCB
300
#D8DEA6
400
#C3CC75
500
#AEBA45
600
#8B9537
700
#6F772C
800
#575D23
900
#40441C
950
#292B12

Contrast Checker

Text on white

1.61:1

AA Fail AAA Fail

Text on black

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