#BEB83F

#BEB83F

Color Values

HEX

#BEB83F

RGB

190, 184, 63

HSL

57.2, 50.2%, 49.6%

HSV

57.2, 66.8%, 74.5%

CMYK

0.0%, 3.2%, 66.8%, 25.5%

OKLCH

0.7654 0.1396 106.5

Properties

Warm Light Nearest: RAL 1012 Lemon Yellow

Color Harmonies

Complementary

#BEB83F

#3F45BE

Analogous

#BE793F

#84BE3F

#BEB83F

Triadic

#BEB83F

#3FBEB8

#B83FBE

Split Complementary

#BEB83F

#3F84BE

#793FBE

Tetradic

#BEB83F

#3FBE79

#3F45BE

#BE3F84

Color Blindness Simulation

Original

#BEB83F

Protanopia

#BBBB5C

Deuteranopia

#BCBC63

Tritanopia

#BE7378

Achromatopsia

#B1B1B1

CSS Usage

background-color: #BEB83F;
color: #BEB83F;
border-color: #BEB83F;
Nearest Tailwind: Amber 300 #FCD34D

Tailwind Shades

50
#FBFAF4
100
#F5F4E6
200
#EDECC9
300
#E1DEA3
400
#D0CC71
500
#C0BA3F
600
#999433
700
#7B7729
800
#605D20
900
#46441B
950
#2C2B11

Contrast Checker

Text on white

2.08:1

AA Fail AAA Fail

Text on black

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