#C4C367

#C4C367

Color Values

HEX

#C4C367

RGB

196, 195, 103

HSL

59.4, 44.1%, 58.6%

HSV

59.4, 47.4%, 76.9%

CMYK

0.0%, 0.5%, 47.4%, 23.1%

OKLCH

0.7985 0.1152 108.2

Properties

Warm Light Nearest: khaki 3

Color Harmonies

Complementary

#C4C367

#6768C4

Analogous

#C49467

#96C467

#C4C367

Triadic

#C4C367

#67C4C3

#C367C4

Split Complementary

#C4C367

#6796C4

#9467C4

Tetradic

#C4C367

#67C494

#6768C4

#C46796

Color Blindness Simulation

Original

#C4C367

Protanopia

#C4C47D

Deuteranopia

#C4C483

Tritanopia

#C48F93

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#FAFAF4
100
#F4F4E6
200
#EBEBCC
300
#DDDCA7
400
#CAC977
500
#B8B747
600
#939239
700
#76752E
800
#5C5B24
900
#44431D
950
#2B2B12

Contrast Checker

Text on white

1.85:1

AA Fail AAA Fail

Text on black

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