#B7BA3E

#B7BA3E

Color Values

HEX

#B7BA3E

RGB

183, 186, 62

HSL

61.5, 50.0%, 48.6%

HSV

61.5, 66.7%, 72.9%

CMYK

1.6%, 0.0%, 66.7%, 27.1%

OKLCH

0.7637 0.1435 110.7

Properties

Cool Light Nearest: RAL 1012 Lemon Yellow

Color Harmonies

Complementary

#B7BA3E

#413EBA

Analogous

#BA7F3E

#79BA3E

#B7BA3E

Triadic

#B7BA3E

#3EB7BA

#BA3EB7

Split Complementary

#B7BA3E

#3E79BA

#7F3EBA

Tetradic

#B7BA3E

#3EBA7F

#413EBA

#BA3E79

Color Blindness Simulation

Original

#B7BA3E

Protanopia

#B8B85C

Deuteranopia

#B8B863

Tritanopia

#B77479

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#FAFBF4
100
#F4F5E6
200
#ECEDC9
300
#DFE0A3
400
#CDD071
500
#BCBF40
600
#969933
700
#787A29
800
#5E6020
900
#45461B
950
#2C2C11

Contrast Checker

Text on white

2.08:1

AA Fail AAA Fail

Text on black

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