#C6C645

#C6C645

Color Values

HEX

#C6C645

RGB

198, 198, 69

HSL

60.0, 53.1%, 52.4%

HSV

60.0, 65.2%, 77.6%

CMYK

0.0%, 0.0%, 65.2%, 22.4%

OKLCH

0.8029 0.148 109.3

Properties

Warm Light Nearest: RAL 1014 Ivory

Color Harmonies

Complementary

#C6C645

#4545C6

Analogous

#C68645

#86C645

#C6C645

Triadic

#C6C645

#45C6C6

#C645C6

Split Complementary

#C6C645

#4586C6

#8645C6

Tetradic

#C6C645

#45C686

#4545C6

#C64586

Color Blindness Simulation

Original

#C6C645

Protanopia

#C6C664

Deuteranopia

#C6C66C

Tritanopia

#C67D82

Achromatopsia

#BDBDBD

CSS Usage

background-color: #C6C645;
color: #C6C645;
border-color: #C6C645;
Nearest Tailwind: Yellow 300 #FDE047

Tailwind Shades

50
#FBFBF4
100
#F5F5E5
200
#EEEEC8
300
#E2E2A1
400
#D3D36F
500
#C3C33C
600
#9C9C30
700
#7D7D26
800
#62621E
900
#484819
950
#2D2D10

Contrast Checker

Text on white

1.82:1

AA Fail AAA Fail

Text on black

11.56:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026