#CBD786

#CBD786

Color Values

HEX

#CBD786

RGB

203, 215, 134

HSL

68.9, 50.3%, 68.4%

HSV

68.9, 37.7%, 84.3%

CMYK

5.6%, 0.0%, 37.7%, 15.7%

OKLCH

0.8515 0.1049 115.6

Properties

Cool Light Nearest: khaki 3

Color Harmonies

Complementary

#CBD786

#9286D7

Analogous

#D7BA86

#A2D786

#CBD786

Triadic

#CBD786

#86CBD7

#D786CB

Split Complementary

#CBD786

#86A2D7

#BA86D7

Tetradic

#CBD786

#86D7BA

#9286D7

#D786A2

Color Blindness Simulation

Original

#CBD786

Protanopia

#D0D09A

Deuteranopia

#D0CF9E

Tritanopia

#CCA9AC

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#FAFBF4
100
#F3F5E6
200
#E8EDC9
300
#D7E1A3
400
#C2D071
500
#ADC03F
600
#8A9933
700
#6E7B29
800
#566020
900
#40461B
950
#282C11

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

13.6:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026