#BAF807

#BAF807

Color Values

HEX

#BAF807

RGB

186, 248, 7

HSL

75.4, 94.5%, 50.0%

HSV

75.4, 97.2%, 97.3%

CMYK

25.0%, 0.0%, 97.2%, 2.7%

OKLCH

0.9035 0.2287 125.9

Properties

Cool Light Nearest: olivedrab 1

Color Harmonies

Complementary

#BAF807

#4507F8

Analogous

#F8BD07

#42F807

#BAF807

Triadic

#BAF807

#07BAF8

#F807BA

Split Complementary

#BAF807

#0742F8

#BD07F8

Tetradic

#BAF807

#07F8BD

#4507F8

#F80742

Color Blindness Simulation

Original

#BAF807

Protanopia

#D5D541

Deuteranopia

#D1CD4F

Tritanopia

#BD6F79

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#FAFDF1
100
#F4FBDF
200
#ECFDBA
300
#DEFC88
400
#CCFA47
500
#BAF807
600
#95C606
700
#779F04
800
#5D7C04
900
#455A07
950
#2B3905

Contrast Checker

Text on white

1.27:1

AA Fail AAA Fail

Text on black

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