#BAC42B

#BAC42B

Color Values

HEX

#BAC42B

RGB

186, 196, 43

HSL

63.9, 64.0%, 46.9%

HSV

63.9, 78.1%, 76.9%

CMYK

5.1%, 0.0%, 78.1%, 23.1%

OKLCH

0.787 0.1643 113.5

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#BAC42B

#352BC4

Analogous

#C4822B

#6EC42B

#BAC42B

Triadic

#BAC42B

#2BBAC4

#C42BBA

Split Complementary

#BAC42B

#2B6EC4

#822BC4

Tetradic

#BAC42B

#2BC482

#352BC4

#C42B6E

Color Blindness Simulation

Original

#BAC42B

Protanopia

#BEBE50

Deuteranopia

#BEBD59

Tritanopia

#BA6D74

Achromatopsia

#B7B7B7

CSS Usage

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

Tailwind Shades

50
#FBFCF3
100
#F6F7E3
200
#EFF2C4
300
#E4E99B
400
#D5DD64
500
#C6D12E
600
#9FA725
700
#7F861D
800
#636917
900
#494C15
950
#2E300D

Contrast Checker

Text on white

1.91:1

AA Fail AAA Fail

Text on black

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