#C4CB78

#C4CB78

Color Values

HEX

#C4CB78

RGB

196, 203, 120

HSL

65.1, 44.4%, 63.3%

HSV

65.1, 40.9%, 79.6%

CMYK

3.4%, 0.0%, 40.9%, 20.4%

OKLCH

0.8181 0.1066 112.7

Properties

Cool Light Nearest: khaki 3

Color Harmonies

Complementary

#C4CB78

#7F78CB

Analogous

#CBA878

#9ACB78

#C4CB78

Triadic

#C4CB78

#78C4CB

#CB78C4

Split Complementary

#C4CB78

#789ACB

#A878CB

Tetradic

#C4CB78

#78CBA8

#7F78CB

#CB789A

Color Blindness Simulation

Original

#C4CB78

Protanopia

#C7C78C

Deuteranopia

#C7C691

Tritanopia

#C49C9F

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#FAFAF4
100
#F3F4E6
200
#E8EBCB
300
#D8DDA7
400
#C3CB77
500
#AEB847
600
#8C9339
700
#70762D
800
#575C23
900
#41441D
950
#292B12

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

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