#C0C106

#C0C106

Color Values

HEX

#C0C106

RGB

192, 193, 6

HSL

60.3, 94.0%, 39.0%

HSV

60.3, 96.9%, 75.7%

CMYK

0.5%, 0.0%, 96.9%, 24.3%

OKLCH

0.7842 0.1705 110.1

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#C0C106

#0706C1

Analogous

#C16406

#63C106

#C0C106

Triadic

#C0C106

#06C0C1

#C106C0

Split Complementary

#C0C106

#0663C1

#6406C1

Tetradic

#C0C106

#06C164

#0706C1

#C10663

Color Blindness Simulation

Original

#C0C106

Protanopia

#C0C033

Deuteranopia

#C0C03E

Tritanopia

#C0575F

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#FDFDF1
100
#FBFBDF
200
#FDFDBA
300
#FBFB88
400
#F8F948
500
#F6F708
600
#C5C606
700
#9E9E05
800
#7B7C04
900
#595907
950
#383805

Contrast Checker

Text on white

1.93:1

AA Fail AAA Fail

Text on black

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