#BAF906

#BAF906

Color Values

HEX

#BAF906

RGB

186, 249, 6

HSL

75.6, 95.3%, 50.0%

HSV

75.6, 97.6%, 97.6%

CMYK

25.3%, 0.0%, 97.6%, 2.4%

OKLCH

0.9058 0.2298 126.0

Properties

Cool Light Nearest: olivedrab 1

Color Harmonies

Complementary

#BAF906

#4506F9

Analogous

#F9BF06

#40F906

#BAF906

Triadic

#BAF906

#06BAF9

#F906BA

Split Complementary

#BAF906

#0640F9

#BF06F9

Tetradic

#BAF906

#06F9BF

#4506F9

#F90640

Color Blindness Simulation

Original

#BAF906

Protanopia

#D5D641

Deuteranopia

#D2CD4F

Tritanopia

#BD6F79

Achromatopsia

#DADADA

CSS Usage

background-color: #BAF906;
color: #BAF906;
border-color: #BAF906;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#FAFEF1
100
#F4FCDF
200
#ECFDB9
300
#DEFC87
400
#CCFB47
500
#BAF906
600
#95C705
700
#779F04
800
#5D7D03
900
#445A07
950
#2B3904

Contrast Checker

Text on white

1.26:1

AA Fail AAA Fail

Text on black

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