#B6AF04

#B6AF04

Color Values

HEX

#B6AF04

RGB

182, 175, 4

HSL

57.6, 95.7%, 36.5%

HSV

57.6, 97.8%, 71.4%

CMYK

0.0%, 3.8%, 97.8%, 28.6%

OKLCH

0.7361 0.157 106.8

Properties

Warm Light Nearest: gold 3

Color Harmonies

Complementary

#B6AF04

#040BB6

Analogous

#B65604

#64B604

#B6AF04

Triadic

#B6AF04

#04B6AF

#AF04B6

Split Complementary

#B6AF04

#0464B6

#5604B6

Tetradic

#B6AF04

#04B656

#040BB6

#B60464

Color Blindness Simulation

Original

#B6AF04

Protanopia

#B3B32D

Deuteranopia

#B3B437

Tritanopia

#B64E55

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#FEFDF1
100
#FCFBDF
200
#FDFBB9
300
#FCF887
400
#FBF446
500
#FAF005
600
#C8C004
700
#A09904
800
#7D7803
900
#5A5707
950
#393704

Contrast Checker

Text on white

2.3:1

AA Fail AAA Fail

Text on black

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