#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

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026