#B2AF25

#B2AF25

Color Values

HEX

#B2AF25

RGB

178, 175, 37

HSL

58,7, 65,6%, 42,2%

HSV

58,7, 79,2%, 69,8%

CMYK

0,0%, 1,7%, 79,2%, 30,2%

OKLCH

0,7335 0,1483 108,2

Properties

Warm Light Nearest: RAL 1027 Curry

Color Harmonies

Complementary

#B2AF25

#2528B2

Analogous

#B26925

#6FB225

#B2AF25

Triadic

#B2AF25

#25B2AF

#AF25B2

Split Complementary

#B2AF25

#256FB2

#6925B2

Tetradic

#B2AF25

#25B269

#2528B2

#B2256F

Color Blindness Simulation

Original

#B2AF25

Protanopia

#B1B146

Deuteranopia

#B1B14E

Tritanopia

#B26167

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#FCFBF3
100
#F7F7E3
200
#F3F2C4
300
#EAE89A
400
#DFDC63
500
#D3D02C
600
#A9A623
700
#87851C
800
#6A6816
900
#4D4C14
950
#31300D

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

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026