#C5CE2E

#C5CE2E

Color Values

HEX

#C5CE2E

RGB

197, 206, 46

HSL

63.4, 63.5%, 49.4%

HSV

63.4, 77.7%, 80.8%

CMYK

4.4%, 0.0%, 77.7%, 19.2%

OKLCH

0.818 0.17 112.9

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#C5CE2E

#372ECE

Analogous

#CE872E

#75CE2E

#C5CE2E

Triadic

#C5CE2E

#2EC5CE

#CE2EC5

Split Complementary

#C5CE2E

#2E75CE

#872ECE

Tetradic

#C5CE2E

#2ECE87

#372ECE

#CE2E75

Color Blindness Simulation

Original

#C5CE2E

Protanopia

#C9C955

Deuteranopia

#C8C85E

Tritanopia

#C5737A

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#FBFBF3
100
#F6F7E4
200
#EFF2C5
300
#E4E99B
400
#D6DD65
500
#C7D02F
600
#9FA725
700
#80851E
800
#646817
900
#494C15
950
#2E300D

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

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