#BCAF4F

#BCAF4F

Color Values

HEX

#BCAF4F

RGB

188, 175, 79

HSL

52.8, 44.9%, 52.4%

HSV

52.8, 58.0%, 73.7%

CMYK

0.0%, 6.9%, 58.0%, 26.3%

OKLCH

0.7458 0.1181 101.7

Properties

Warm Light Nearest: RAL 1024 Ochre Yellow

Color Harmonies

Complementary

#BCAF4F

#4F5CBC

Analogous

#BC794F

#93BC4F

#BCAF4F

Triadic

#BCAF4F

#4FBCAF

#AF4FBC

Split Complementary

#BCAF4F

#4F93BC

#794FBC

Tetradic

#BCAF4F

#4FBC79

#4F5CBC

#BC4F93

Color Blindness Simulation

Original

#BCAF4F

Protanopia

#B6B666

Deuteranopia

#B7B86C

Tritanopia

#BB797D

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#FAFAF4
100
#F4F2E6
200
#EBE7CB
300
#DDD7A6
400
#CBC176
500
#B9AB46
600
#948938
700
#766D2D
800
#5C5623
900
#443F1D
950
#2B2812

Contrast Checker

Text on white

2.24:1

AA Fail AAA Fail

Text on black

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