#C4D07F

#C4D07F

Color Values

HEX

#C4D07F

RGB

196, 208, 127

HSL

68.9, 46.3%, 65.7%

HSV

68.9, 38.9%, 81.6%

CMYK

5.8%, 0.0%, 38.9%, 18.4%

OKLCH

0.83 0.1053 115.6

Properties

Cool Light Nearest: khaki 3

Color Harmonies

Complementary

#C4D07F

#8B7FD0

Analogous

#D0B47F

#9CD07F

#C4D07F

Triadic

#C4D07F

#7FC4D0

#D07FC4

Split Complementary

#C4D07F

#7F9CD0

#B47FD0

Tetradic

#C4D07F

#7FD0B4

#8B7FD0

#D07F9C

Color Blindness Simulation

Original

#C4D07F

Protanopia

#C9C993

Deuteranopia

#C8C897

Tritanopia

#C5A2A5

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#F9FAF4
100
#F2F4E6
200
#E7ECCB
300
#D6DEA5
400
#BFCC75
500
#A9BB44
600
#879537
700
#6C772C
800
#555D22
900
#3F451C
950
#282B12

Contrast Checker

Text on white

1.66:1

AA Fail AAA Fail

Text on black

12.68:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026