#B7C320

#B7C320

Color Values

HEX

#B7C320

RGB

183, 195, 32

HSL

64.4, 71.8%, 44.5%

HSV

64.4, 83.6%, 76.5%

CMYK

6.2%, 0.0%, 83.6%, 23.5%

OKLCH

0.7819 0.1688 114.2

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#B7C320

#2C20C3

Analogous

#C37D20

#66C320

#B7C320

Triadic

#B7C320

#20B7C3

#C320B7

Split Complementary

#B7C320

#2066C3

#7D20C3

Tetradic

#B7C320

#20C37D

#2C20C3

#C32066

Color Blindness Simulation

Original

#B7C320

Protanopia

#BCBC47

Deuteranopia

#BCBB51

Tritanopia

#B8676D

Achromatopsia

#B5B5B5

CSS Usage

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

Tailwind Shades

50
#FBFCF3
100
#F6F8E2
200
#F1F5C2
300
#E7EE96
400
#DAE45D
500
#CEDB24
600
#A4AF1D
700
#848C17
800
#676E12
900
#4B5011
950
#2F320B

Contrast Checker

Text on white

1.94:1

AA Fail AAA Fail

Text on black

10.84:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026