#B2B71C

#B2B71C

Color Values

HEX

#B2B71C

RGB

178, 183, 28

HSL

61.9, 73.5%, 41.4%

HSV

61.9, 84.7%, 71.8%

CMYK

2.7%, 0.0%, 84.7%, 28.2%

OKLCH

0.7509 0.1596 111.7

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#B2B71C

#211CB7

Analogous

#B76E1C

#65B71C

#B2B71C

Triadic

#B2B71C

#1CB2B7

#B71CB2

Split Complementary

#B2B71C

#1C65B7

#6E1CB7

Tetradic

#B2B71C

#1CB76E

#211CB7

#B71C65

Color Blindness Simulation

Original

#B2B71C

Protanopia

#B4B441

Deuteranopia

#B4B44A

Tritanopia

#B25F66

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#FCFCF3
100
#F8F8E2
200
#F4F6C1
300
#ECEF95
400
#E2E65B
500
#D7DD22
600
#ACB11B
700
#8A8E16
800
#6C6F11
900
#4E5010
950
#32330A

Contrast Checker

Text on white

2.17:1

AA Fail AAA Fail

Text on black

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