#C4BF83

#C4BF83

Color Values

HEX

#C4BF83

RGB

196, 191, 131

HSL

55.4, 35.5%, 64.1%

HSV

55.4, 33.2%, 76.9%

CMYK

0.0%, 2.6%, 33.2%, 23.1%

OKLCH

0.7945 0.0792 104.0

Properties

Warm Light Nearest: RAL 1000 Green Beige

Color Harmonies

Complementary

#C4BF83

#8388C4

Analogous

#C49E83

#A8C483

#C4BF83

Triadic

#C4BF83

#83C4BF

#BF83C4

Split Complementary

#C4BF83

#83A8C4

#9E83C4

Tetradic

#C4BF83

#83C49E

#8388C4

#C483A8

Color Blindness Simulation

Original

#C4BF83

Protanopia

#C2C292

Deuteranopia

#C2C295

Tritanopia

#C49DA0

Achromatopsia

#BCBCBC

CSS Usage

background-color: #C4BF83;
color: #C4BF83;
border-color: #C4BF83;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FAF9F5
100
#F3F2E8
200
#E8E6CF
300
#D8D4AC
400
#C2BD7F
500
#ADA652
600
#8A8542
700
#6F6A35
800
#565329
900
#403E21
950
#282715

Contrast Checker

Text on white

1.89:1

AA Fail AAA Fail

Text on black

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