#B0AF22

#B0AF22

Color Values

HEX

#B0AF22

RGB

176, 175, 34

HSL

59.6, 67.6%, 41.2%

HSV

59.6, 80.7%, 69.0%

CMYK

0.0%, 0.6%, 80.7%, 31.0%

OKLCH

0.7317 0.15 109.2

Properties

Warm Light Nearest: RAL 1027 Curry

Color Harmonies

Complementary

#B0AF22

#2223B0

Analogous

#B06822

#6AB022

#B0AF22

Triadic

#B0AF22

#22B0AF

#AF22B0

Split Complementary

#B0AF22

#226AB0

#6822B0

Tetradic

#B0AF22

#22B068

#2223B0

#B0226A

Color Blindness Simulation

Original

#B0AF22

Protanopia

#B0B044

Deuteranopia

#B0B04C

Tritanopia

#B05F65

Achromatopsia

#A5A5A5

CSS Usage

background-color: #B0AF22;
color: #B0AF22;
border-color: #B0AF22;
Nearest Tailwind: Amber 300 #FCD34D

Tailwind Shades

50
#FCFCF3
100
#F7F7E3
200
#F3F3C3
300
#EBEB98
400
#E0E061
500
#D6D529
600
#ABAA21
700
#89881A
800
#6B6A15
900
#4E4E13
950
#31310C

Contrast Checker

Text on white

2.33:1

AA Fail AAA Fail

Text on black

9.0:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026