#C2C164

#C2C164

Color Values

HEX

#C2C164

RGB

194, 193, 100

HSL

59.4, 43.5%, 57.6%

HSV

59.4, 48.5%, 76.1%

CMYK

0.0%, 0.5%, 48.5%, 23.9%

OKLCH

0.7921 0.1163 108.2

Properties

Warm Light Nearest: khaki 3

Color Harmonies

Complementary

#C2C164

#6465C2

Analogous

#C29264

#94C264

#C2C164

Triadic

#C2C164

#64C2C1

#C164C2

Split Complementary

#C2C164

#6494C2

#9264C2

Tetradic

#C2C164

#64C292

#6465C2

#C26494

Color Blindness Simulation

Original

#C2C164

Protanopia

#C2C27A

Deuteranopia

#C2C280

Tritanopia

#C28C90

Achromatopsia

#BABABA

CSS Usage

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

Tailwind Shades

50
#FAFAF5
100
#F4F4E7
200
#EBEBCC
300
#DCDCA7
400
#CAC978
500
#B7B648
600
#92913A
700
#75742E
800
#5B5B24
900
#43431D
950
#2B2A13

Contrast Checker

Text on white

1.89:1

AA Fail AAA Fail

Text on black

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