#B0B106

#B0B106

Color Values

HEX

#B0B106

RGB

176, 177, 6

HSL

60.4, 93.4%, 35.9%

HSV

60.4, 96.6%, 69.4%

CMYK

0.6%, 0.0%, 96.6%, 30.6%

OKLCH

0.7353 0.1597 110.2

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#B0B106

#0706B1

Analogous

#B15D06

#5AB106

#B0B106

Triadic

#B0B106

#06B0B1

#B106B0

Split Complementary

#B0B106

#065AB1

#5D06B1

Tetradic

#B0B106

#06B15D

#0706B1

#B1065A

Color Blindness Simulation

Original

#B0B106

Protanopia

#B0B02F

Deuteranopia

#B0B039

Tritanopia

#B05057

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#FDFDF1
100
#FBFBDF
200
#FCFDBA
300
#FAFB89
400
#F8F949
500
#F5F708
600
#C4C507
700
#9D9E05
800
#7A7B04
900
#595908
950
#383805

Contrast Checker

Text on white

2.3:1

AA Fail AAA Fail

Text on black

9.14:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026