#C4CF28

#C4CF28

Color Values

HEX

#C4CF28

RGB

196, 207, 40

HSL

64.0, 67.6%, 48.4%

HSV

64.0, 80.7%, 81.2%

CMYK

5.3%, 0.0%, 80.7%, 18.8%

OKLCH

0.8191 0.1739 113.6

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#C4CF28

#3328CF

Analogous

#CF8728

#70CF28

#C4CF28

Triadic

#C4CF28

#28C4CF

#CF28C4

Split Complementary

#C4CF28

#2870CF

#8728CF

Tetradic

#C4CF28

#28CF87

#3328CF

#CF2870

Color Blindness Simulation

Original

#C4CF28

Protanopia

#C9C950

Deuteranopia

#C8C75A

Tritanopia

#C57077

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#FBFCF3
100
#F6F7E3
200
#F0F3C3
300
#E6EB98
400
#D8E061
500
#CAD629
600
#A2AB21
700
#81891A
800
#656B15
900
#4A4E13
950
#2F310C

Contrast Checker

Text on white

1.71:1

AA Fail AAA Fail

Text on black

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