#C4D06F

#C4D06F

Color Values

HEX

#C4D06F

RGB

196, 208, 111

HSL

67.4, 50.8%, 62.5%

HSV

67.4, 46.6%, 81.6%

CMYK

5.8%, 0.0%, 46.6%, 18.4%

OKLCH

0.8276 0.1226 114.9

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#C4D06F

#7B6FD0

Analogous

#D0AB6F

#93D06F

#C4D06F

Triadic

#C4D06F

#6FC4D0

#D06FC4

Split Complementary

#C4D06F

#6F93D0

#AB6FD0

Tetradic

#C4D06F

#6FD0AB

#7B6FD0

#D06F93

Color Blindness Simulation

Original

#C4D06F

Protanopia

#C9C986

Deuteranopia

#C8C88C

Tritanopia

#C5999D

Achromatopsia

#C6C6C6

CSS Usage

background-color: #C4D06F;
color: #C4D06F;
border-color: #C4D06F;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#FAFBF4
100
#F3F5E5
200
#E9EDC9
300
#D9E1A3
400
#C5D171
500
#B0C03F
600
#8D9A32
700
#717B28
800
#58601F
900
#41471A
950
#292D11

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

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