#B7C416

#B7C416

Color Values

HEX

#B7C416

RGB

183, 196, 22

HSL

64.5, 79.8%, 42.7%

HSV

64.5, 88.8%, 76.9%

CMYK

6.6%, 0.0%, 88.8%, 23.1%

OKLCH

0.7838 0.1729 114.5

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#B7C416

#2316C4

Analogous

#C47A16

#60C416

#B7C416

Triadic

#B7C416

#16B7C4

#C416B7

Split Complementary

#B7C416

#1660C4

#7A16C4

Tetradic

#B7C416

#16C47A

#2316C4

#C41660

Color Blindness Simulation

Original

#B7C416

Protanopia

#BDBD40

Deuteranopia

#BCBB4A

Tritanopia

#B86169

Achromatopsia

#B5B5B5

CSS Usage

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

Tailwind Shades

50
#FCFDF2
100
#F7F9E1
200
#F4F8BF
300
#EBF391
400
#E1EC55
500
#D6E51A
600
#ABB715
700
#899310
800
#6B730D
900
#4E530E
950
#313509

Contrast Checker

Text on white

1.92:1

AA Fail AAA Fail

Text on black

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