#C4BF57

#C4BF57

Color Values

HEX

#C4BF57

RGB

196, 191, 87

HSL

57.2, 48.0%, 55.5%

HSV

57.2, 55.6%, 76.9%

CMYK

0.0%, 2.6%, 55.6%, 23.1%

OKLCH

0.7879 0.1264 106.4

Properties

Warm Light Nearest: RAL 1012 Lemon Yellow

Color Harmonies

Complementary

#C4BF57

#575CC4

Analogous

#C48857

#93C457

#C4BF57

Triadic

#C4BF57

#57C4BF

#BF57C4

Split Complementary

#C4BF57

#5793C4

#8857C4

Tetradic

#C4BF57

#57C488

#575CC4

#C45793

Color Blindness Simulation

Original

#C4BF57

Protanopia

#C2C270

Deuteranopia

#C2C276

Tritanopia

#C48488

Achromatopsia

#B9B9B9

CSS Usage

background-color: #C4BF57;
color: #C4BF57;
border-color: #C4BF57;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#FAFAF4
100
#F4F4E6
200
#ECEBCA
300
#DFDCA4
400
#CECA73
500
#BDB742
600
#979235
700
#79752A
800
#5E5B21
900
#45431C
950
#2C2B11

Contrast Checker

Text on white

1.92:1

AA Fail AAA Fail

Text on black

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