#C2C986

#C2C986

Color Values

HEX

#C2C986

RGB

194, 201, 134

HSL

66.3, 38.3%, 65.7%

HSV

66.3, 33.3%, 78.8%

CMYK

3.5%, 0.0%, 33.3%, 21.2%

OKLCH

0.8146 0.0883 113.2

Properties

Cool Light Nearest: RAL 1000 Green Beige

Color Harmonies

Complementary

#C2C986

#8D86C9

Analogous

#C9AF86

#A1C986

#C2C986

Triadic

#C2C986

#86C2C9

#C986C2

Split Complementary

#C2C986

#86A1C9

#AF86C9

Tetradic

#C2C986

#86C9AF

#8D86C9

#C986A1

Color Blindness Simulation

Original

#C2C986

Protanopia

#C5C596

Deuteranopia

#C5C49A

Tritanopia

#C2A3A6

Achromatopsia

#C3C3C3

CSS Usage

background-color: #C2C986;
color: #C2C986;
border-color: #C2C986;
Nearest Tailwind: Yellow 100 #FEF9C3

Tailwind Shades

50
#F9FAF5
100
#F2F3E7
200
#E6E9CE
300
#D4D9AA
400
#BDC57D
500
#A6B04F
600
#858D3F
700
#6A7132
800
#535827
900
#3E4120
950
#272914

Contrast Checker

Text on white

1.75:1

AA Fail AAA Fail

Text on black

11.99:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026