#CBD286

#CBD286

Color Values

HEX

#CBD286

RGB

203, 210, 134

HSL

65.5, 45.8%, 67.5%

HSV

65.5, 36.2%, 82.4%

CMYK

3.3%, 0.0%, 36.2%, 17.6%

OKLCH

0.8409 0.0984 112.8

Properties

Cool Light Nearest: khaki 3

Color Harmonies

Complementary

#CBD286

#8D86D2

Analogous

#D2B386

#A5D286

#CBD286

Triadic

#CBD286

#86CBD2

#D286CB

Split Complementary

#CBD286

#86A5D2

#B386D2

Tetradic

#CBD286

#86D2B3

#8D86D2

#D286A5

Color Blindness Simulation

Original

#CBD286

Protanopia

#CECE98

Deuteranopia

#CECD9D

Tritanopia

#CBA7AA

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#FAFAF4
100
#F3F4E6
200
#E9ECCB
300
#D9DEA6
400
#C4CC75
500
#AFBA45
600
#8C9537
700
#70772C
800
#585D23
900
#41441C
950
#292B12

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

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