#C7C205

#C7C205

Color Values

HEX

#C7C205

RGB

199, 194, 5

HSL

58.5, 95.1%, 40.0%

HSV

58.5, 97.5%, 78.0%

CMYK

0.0%, 2.5%, 97.5%, 22.0%

OKLCH

0.7924 0.17 107.8

Properties

Warm Light Nearest: yellow 3

Color Harmonies

Complementary

#C7C205

#050AC7

Analogous

#C76105

#6BC705

#C7C205

Triadic

#C7C205

#05C7C2

#C205C7

Split Complementary

#C7C205

#056BC7

#6105C7

Tetradic

#C7C205

#05C761

#050AC7

#C7056B

Color Blindness Simulation

Original

#C7C205

Protanopia

#C5C533

Deuteranopia

#C5C53E

Tritanopia

#C7575F

Achromatopsia

#B5B5B5

CSS Usage

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

Tailwind Shades

50
#FEFDF1
100
#FCFBDF
200
#FDFCB9
300
#FCF988
400
#FAF647
500
#F9F306
600
#C7C205
700
#9F9B04
800
#7C7903
900
#5A5807
950
#393704

Contrast Checker

Text on white

1.88:1

AA Fail AAA Fail

Text on black

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