#C2CE3A

#C2CE3A

Color Values

HEX

#C2CE3A

RGB

194, 206, 58

HSL

64.9, 60.2%, 51.8%

HSV

64.9, 71.8%, 80.8%

CMYK

5.8%, 0.0%, 71.8%, 19.2%

OKLCH

0.8163 0.1645 114.1

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#C2CE3A

#463ACE

Analogous

#CE903A

#78CE3A

#C2CE3A

Triadic

#C2CE3A

#3AC2CE

#CE3AC2

Split Complementary

#C2CE3A

#3A78CE

#903ACE

Tetradic

#C2CE3A

#3ACE90

#463ACE

#CE3A78

Color Blindness Simulation

Original

#C2CE3A

Protanopia

#C7C75E

Deuteranopia

#C6C666

Tritanopia

#C37A80

Achromatopsia

#C1C1C1

CSS Usage

background-color: #C2CE3A;
color: #C2CE3A;
border-color: #C2CE3A;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#FBFBF3
100
#F5F6E4
200
#EDF1C6
300
#E1E79D
400
#D0D968
500
#C0CC33
600
#99A329
700
#7B8320
800
#606619
900
#464B16
950
#2C2F0E

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

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