#C6C612

#C6C612

Color Values

HEX

#C6C612

RGB

198, 198, 18

HSL

60.0, 83.3%, 42.4%

HSV

60.0, 90.9%, 77.6%

CMYK

0.0%, 0.0%, 90.9%, 22.4%

OKLCH

0.8004 0.1716 109.7

Properties

Warm Light Nearest: yellow 3

Color Harmonies

Complementary

#C6C612

#1212C6

Analogous

#C66C12

#6CC612

#C6C612

Triadic

#C6C612

#12C6C6

#C612C6

Split Complementary

#C6C612

#126CC6

#6C12C6

Tetradic

#C6C612

#12C66C

#1212C6

#C6126C

Color Blindness Simulation

Original

#C6C612

Protanopia

#C6C63E

Deuteranopia

#C6C648

Tritanopia

#C66068

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#FDFDF2
100
#FAFAE1
200
#F9F9BE
300
#F5F58F
400
#EFEF52
500
#EAEA15
600
#BBBB11
700
#96960E
800
#75750B
900
#55550C
950
#363608

Contrast Checker

Text on white

1.83:1

AA Fail AAA Fail

Text on black

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