#B6B706

#B6B706

Color Values

HEX

#B6B706

RGB

182, 183, 6

HSL

60.3, 93.7%, 37.1%

HSV

60.3, 96.7%, 71.8%

CMYK

0.5%, 0.0%, 96.7%, 28.2%

OKLCH

0.7537 0.1637 110.2

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#B6B706

#0706B7

Analogous

#B75F06

#5EB706

#B6B706

Triadic

#B6B706

#06B6B7

#B706B6

Split Complementary

#B6B706

#065EB7

#5F06B7

Tetradic

#B6B706

#06B75F

#0706B7

#B7065E

Color Blindness Simulation

Original

#B6B706

Protanopia

#B6B631

Deuteranopia

#B6B63B

Tritanopia

#B6535A

Achromatopsia

#AAAAAA

CSS Usage

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

Tailwind Shades

50
#FDFDF1
100
#FBFBDF
200
#FCFDBA
300
#FBFB88
400
#F8F948
500
#F6F708
600
#C5C606
700
#9D9E05
800
#7B7B04
900
#595908
950
#383805

Contrast Checker

Text on white

2.15:1

AA Fail AAA Fail

Text on black

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