#CBC376

#CBC376

Color Values

HEX

#CBC376

RGB

203, 195, 118

HSL

54.4, 45.0%, 62.9%

HSV

54.4, 41.9%, 79.6%

CMYK

0.0%, 3.9%, 41.9%, 20.4%

OKLCH

0.8066 0.0988 103.2

Properties

Warm Light Nearest: khaki 3

Color Harmonies

Complementary

#CBC376

#767ECB

Analogous

#CB9876

#A8CB76

#CBC376

Triadic

#CBC376

#76CBC3

#C376CB

Split Complementary

#CBC376

#76A8CB

#9876CB

Tetradic

#CBC376

#76CB98

#767ECB

#CB76A8

Color Blindness Simulation

Original

#CBC376

Protanopia

#C8C789

Deuteranopia

#C8C98D

Tritanopia

#CB979B

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#FAFAF4
100
#F4F3E6
200
#EBE8CB
300
#DDD8A6
400
#CBC376
500
#B9AE46
600
#948B38
700
#766F2D
800
#5C5723
900
#44401D
950
#2B2912

Contrast Checker

Text on white

1.81:1

AA Fail AAA Fail

Text on black

11.61:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026