#C6C474

#C6C474

Color Values

HEX

#C6C474

RGB

198, 196, 116

HSL

58.5, 41.8%, 61.6%

HSV

58.5, 41.4%, 77.6%

CMYK

0.0%, 1.0%, 41.4%, 22.4%

OKLCH

0.8042 0.1023 107.2

Properties

Warm Light Nearest: khaki 3

Color Harmonies

Complementary

#C6C474

#7476C6

Analogous

#C69B74

#9FC674

#C6C474

Triadic

#C6C474

#74C6C4

#C474C6

Split Complementary

#C6C474

#749FC6

#9B74C6

Tetradic

#C6C474

#74C69B

#7476C6

#C6749F

Color Blindness Simulation

Original

#C6C474

Protanopia

#C5C587

Deuteranopia

#C5C58C

Tritanopia

#C6979A

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#FAFAF5
100
#F3F3E7
200
#EAE9CC
300
#DBDAA8
400
#C8C679
500
#B5B24A
600
#918F3B
700
#74722F
800
#5A5925
900
#43421E
950
#2A2A13

Contrast Checker

Text on white

1.82:1

AA Fail AAA Fail

Text on black

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