#B3AF06

#B3AF06

Color Values

HEX

#B3AF06

RGB

179, 175, 6

HSL

58,6, 93,5%, 36,3%

HSV

58,6, 96,6%, 70,2%

CMYK

0,0%, 2,2%, 96,6%, 29,8%

OKLCH

0,7335 0,1572 108,1

Properties

Warm Light Nearest: gold 3

Color Harmonies

Complementary

#B3AF06

#060AB3

Analogous

#B35906

#61B306

#B3AF06

Triadic

#B3AF06

#06B3AF

#AF06B3

Split Complementary

#B3AF06

#0661B3

#5906B3

Tetradic

#B3AF06

#06B359

#060AB3

#B30661

Color Blindness Simulation

Original

#B3AF06

Protanopia

#B1B12F

Deuteranopia

#B2B239

Tritanopia

#B34F56

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#FDFDF1
100
#FBFBDF
200
#FDFBBA
300
#FBF889
400
#F9F548
500
#F7F108
600
#C5C107
700
#9E9A05
800
#7B7904
900
#595708
950
#383705

Contrast Checker

Text on white

2,32:1

AA Fail AAA Fail

Text on black

9,05: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