#C4D49F

#C4D49F

Color Values

HEX

#C4D49F

RGB

196, 212, 159

HSL

78.1, 38.1%, 72.7%

HSV

78.1, 25.0%, 83.1%

CMYK

7.5%, 0.0%, 25.0%, 16.9%

OKLCH

0.8445 0.0728 121.6

Properties

Cool Light Nearest: RAL 1000 Green Beige

Color Harmonies

Complementary

#C4D49F

#AF9FD4

Analogous

#D4C99F

#A9D49F

#C4D49F

Triadic

#C4D49F

#9FC4D4

#D49FC4

Split Complementary

#C4D49F

#9FA9D4

#C99FD4

Tetradic

#C4D49F

#9FD4C9

#AF9FD4

#D49FA9

Color Blindness Simulation

Original

#C4D49F

Protanopia

#CBCBAC

Deuteranopia

#CAC9AF

Tritanopia

#C5B6B8

Achromatopsia

#CDCDCD

CSS Usage

background-color: #C4D49F;
color: #C4D49F;
border-color: #C4D49F;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#F8FAF5
100
#EFF3E7
200
#E1E9CE
300
#CBD9AA
400
#AFC57D
500
#93B04F
600
#758D3F
700
#5E7133
800
#495827
900
#374120
950
#232914

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

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