#C4CE81

#C4CE81

Color Values

HEX

#C4CE81

RGB

196, 206, 129

HSL

67.8, 44.0%, 65.7%

HSV

67.8, 37.4%, 80.8%

CMYK

4.9%, 0.0%, 37.4%, 19.2%

OKLCH

0.826 0.1003 114.7

Properties

Cool Light Nearest: khaki 3

Color Harmonies

Complementary

#C4CE81

#8B81CE

Analogous

#CEB281

#9ECE81

#C4CE81

Triadic

#C4CE81

#81C4CE

#CE81C4

Split Complementary

#C4CE81

#819ECE

#B281CE

Tetradic

#C4CE81

#81CEB2

#8B81CE

#CE819E

Color Blindness Simulation

Original

#C4CE81

Protanopia

#C8C894

Deuteranopia

#C8C798

Tritanopia

#C4A2A6

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F9FAF4
100
#F2F4E6
200
#E7EBCC
300
#D6DDA7
400
#BFCA77
500
#A9B847
600
#879339
700
#6C762E
800
#555C24
900
#3F441D
950
#282B12

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

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