#C6C108

#C6C108

Color Values

HEX

#C6C108

RGB

198, 193, 8

HSL

58.4, 92.2%, 40.4%

HSV

58.4, 96.0%, 77.6%

CMYK

0.0%, 2.5%, 96.0%, 22.4%

OKLCH

0.7894 0.1688 107.8

Properties

Warm Light Nearest: yellow 3

Color Harmonies

Complementary

#C6C108

#080DC6

Analogous

#C66208

#6CC608

#C6C108

Triadic

#C6C108

#08C6C1

#C108C6

Split Complementary

#C6C108

#086CC6

#6208C6

Tetradic

#C6C108

#08C662

#080DC6

#C6086C

Color Blindness Simulation

Original

#C6C108

Protanopia

#C4C435

Deuteranopia

#C4C440

Tritanopia

#C65860

Achromatopsia

#B5B5B5

CSS Usage

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

Tailwind Shades

50
#FDFDF1
100
#FBFADF
200
#FCFABA
300
#FAF789
400
#F8F34A
500
#F5EF0A
600
#C4BF08
700
#9D9906
800
#7B7705
900
#595708
950
#383705

Contrast Checker

Text on white

1.9:1

AA Fail AAA Fail

Text on black

11.03:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026