#BEBA1B

#BEBA1B

Color Values

HEX

#BEBA1B

RGB

190, 186, 27

HSL

58.5, 75.1%, 42.5%

HSV

58.5, 85.8%, 74.5%

CMYK

0.0%, 2.1%, 85.8%, 25.5%

OKLCH

0.7677 0.16 108.0

Properties

Warm Light Nearest: yellow 3

Color Harmonies

Complementary

#BEBA1B

#1B1FBE

Analogous

#BE681B

#70BE1B

#BEBA1B

Triadic

#BEBA1B

#1BBEBA

#BA1BBE

Split Complementary

#BEBA1B

#1B70BE

#681BBE

Tetradic

#BEBA1B

#1BBE68

#1B1FBE

#BE1B70

Color Blindness Simulation

Original

#BEBA1B

Protanopia

#BCBC41

Deuteranopia

#BCBD4B

Tritanopia

#BE6067

Achromatopsia

#AFAFAF

CSS Usage

background-color: #BEBA1B;
color: #BEBA1B;
border-color: #BEBA1B;
Nearest Tailwind: Yellow 300 #FDE047

Tailwind Shades

50
#FCFCF2
100
#F9F8E2
200
#F6F5C0
300
#F0ED94
400
#E8E45A
500
#DFDA20
600
#B3AF19
700
#8F8C14
800
#706D10
900
#515010
950
#33320A

Contrast Checker

Text on white

2.05:1

AA Fail AAA Fail

Text on black

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