#C6C684

#C6C684

Color Values

HEX

#C6C684

RGB

198, 198, 132

HSL

60.0, 36.7%, 64.7%

HSV

60.0, 33.3%, 77.6%

CMYK

0.0%, 0.0%, 33.3%, 22.4%

OKLCH

0.8111 0.0863 108.2

Properties

Warm Light Nearest: RAL 1000 Green Beige

Color Harmonies

Complementary

#C6C684

#8484C6

Analogous

#C6A584

#A5C684

#C6C684

Triadic

#C6C684

#84C6C6

#C684C6

Split Complementary

#C6C684

#84A5C6

#A584C6

Tetradic

#C6C684

#84C6A5

#8484C6

#C684A5

Color Blindness Simulation

Original

#C6C684

Protanopia

#C6C694

Deuteranopia

#C6C698

Tritanopia

#C6A1A3

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#FAFAF5
100
#F3F3E8
200
#E8E8CE
300
#D8D8AB
400
#C3C37E
500
#AEAE51
600
#8B8B41
700
#707034
800
#575728
900
#404020
950
#292914

Contrast Checker

Text on white

1.78:1

AA Fail AAA Fail

Text on black

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