#BAC031

#BAC031

Color Values

HEX

#BAC031

RGB

186, 192, 49

HSL

62,5, 59,3%, 47,3%

HSV

62,5, 74,5%, 75,3%

CMYK

3,1%, 0,0%, 74,5%, 24,7%

OKLCH

0,7785 0,1572 112,0

Properties

Cool Light Nearest: RAL 1014 Ivory

Color Harmonies

Complementary

#BAC031

#3731C0

Analogous

#C07F31

#73C031

#BAC031

Triadic

#BAC031

#31BAC0

#C031BA

Split Complementary

#BAC031

#3173C0

#7F31C0

Tetradic

#BAC031

#31C07F

#3731C0

#C03173

Color Blindness Simulation

Original

#BAC031

Protanopia

#BDBD54

Deuteranopia

#BCBC5C

Tritanopia

#BA6F75

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#FBFBF3
100
#F5F6E4
200
#EFF0C6
300
#E3E69E
400
#D4D969
500
#C5CB34
600
#9DA22A
700
#7E8221
800
#62661A
900
#484A17
950
#2E2F0E

Contrast Checker

Text on white

1,97:1

AA Fail AAA Fail

Text on black

10,67: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