#B6B212

#B6B212

Color Values

HEX

#B6B212

RGB

182, 178, 18

HSL

58.5, 82.0%, 39.2%

HSV

58.5, 90.1%, 71.4%

CMYK

0.0%, 2.2%, 90.1%, 28.6%

OKLCH

0.7429 0.1569 108.0

Properties

Warm Light Nearest: gold 3

Color Harmonies

Complementary

#B6B212

#1216B6

Analogous

#B66012

#68B612

#B6B212

Triadic

#B6B212

#12B6B2

#B212B6

Split Complementary

#B6B212

#1268B6

#6012B6

Tetradic

#B6B212

#12B660

#1216B6

#B61268

Color Blindness Simulation

Original

#B6B212

Protanopia

#B4B439

Deuteranopia

#B4B542

Tritanopia

#B6575E

Achromatopsia

#A7A7A7

CSS Usage

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

Tailwind Shades

50
#FDFCF2
100
#FAF9E1
200
#F9F7BE
300
#F4F190
400
#EEEA53
500
#E8E317
600
#BAB512
700
#95910F
800
#74710B
900
#54520D
950
#353408

Contrast Checker

Text on white

2.24:1

AA Fail AAA Fail

Text on black

9.37:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026