#C2C606

#C2C606

Color Values

HEX

#C2C606

RGB

194, 198, 6

HSL

61.3, 94.1%, 40.0%

HSV

61.3, 97.0%, 77.6%

CMYK

2.0%, 0.0%, 97.0%, 22.4%

OKLCH

0.7968 0.1745 111.2

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#C2C606

#0A06C6

Analogous

#C66A06

#62C606

#C2C606

Triadic

#C2C606

#06C2C6

#C606C2

Split Complementary

#C2C606

#0662C6

#6A06C6

Tetradic

#C2C606

#06C66A

#0A06C6

#C60662

Color Blindness Simulation

Original

#C2C606

Protanopia

#C4C434

Deuteranopia

#C4C340

Tritanopia

#C25961

Achromatopsia

#B7B7B7

CSS Usage

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

Tailwind Shades

50
#FDFDF1
100
#FBFBDF
200
#FBFDBA
300
#F9FB88
400
#F6F948
500
#F2F708
600
#C2C606
700
#9B9E05
800
#797C04
900
#585907
950
#373905

Contrast Checker

Text on white

1.85:1

AA Fail AAA Fail

Text on black

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