#C2C368

#C2C368

Color Values

HEX

#C2C368

RGB

194, 195, 104

HSL

60.7, 43.1%, 58.6%

HSV

60.7, 46.7%, 76.5%

CMYK

0.5%, 0.0%, 46.7%, 23.5%

OKLCH

0.797 0.1144 109.3

Properties

Cool Light Nearest: khaki 3

Color Harmonies

Complementary

#C2C368

#6968C3

Analogous

#C39668

#94C368

#C2C368

Triadic

#C2C368

#68C2C3

#C368C2

Split Complementary

#C2C368

#6894C3

#9668C3

Tetradic

#C2C368

#68C396

#6968C3

#C36894

Color Blindness Simulation

Original

#C2C368

Protanopia

#C2C27E

Deuteranopia

#C2C283

Tritanopia

#C28F93

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#FAFAF5
100
#F4F4E7
200
#EAEBCC
300
#DCDCA7
400
#C8C978
500
#B5B649
600
#91923A
700
#74752E
800
#5B5B24
900
#43431E
950
#2A2A13

Contrast Checker

Text on white

1.86:1

AA Fail AAA Fail

Text on black

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