#CBC260

#CBC260

Color Values

HEX

#CBC260

RGB

203, 194, 96

HSL

55.0, 50.7%, 58.6%

HSV

55.0, 52.7%, 79.6%

CMYK

0.0%, 4.4%, 52.7%, 20.4%

OKLCH

0.8014 0.1206 104.0

Properties

Warm Light Nearest: khaki 3

Color Harmonies

Complementary

#CBC260

#6069CB

Analogous

#CB8D60

#9ECB60

#CBC260

Triadic

#CBC260

#60CBC2

#C260CB

Split Complementary

#CBC260

#609ECB

#8D60CB

Tetradic

#CBC260

#60CB8D

#6069CB

#CB609E

Color Blindness Simulation

Original

#CBC260

Protanopia

#C7C778

Deuteranopia

#C8C87D

Tritanopia

#CB8A8F

Achromatopsia

#BDBDBD

CSS Usage

background-color: #CBC260;
color: #CBC260;
border-color: #CBC260;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#FBFAF4
100
#F5F4E5
200
#EDEAC9
300
#E1DCA3
400
#D0C971
500
#C0B53F
600
#9A9132
700
#7B7428
800
#605B1F
900
#47431A
950
#2D2A11

Contrast Checker

Text on white

1.84:1

AA Fail AAA Fail

Text on black

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