#BAFB04

#BAFB04

Color Values

HEX

#BAFB04

RGB

186, 251, 4

HSL

75.8, 96.9%, 50.0%

HSV

75.8, 98.4%, 98.4%

CMYK

25.9%, 0.0%, 98.4%, 1.6%

OKLCH

0.9103 0.2322 126.3

Properties

Cool Light Nearest: greenyellow

Color Harmonies

Complementary

#BAFB04

#4504FB

Analogous

#FBC104

#3EFB04

#BAFB04

Triadic

#BAFB04

#04BAFB

#FB04BA

Split Complementary

#BAFB04

#043EFB

#C104FB

Tetradic

#BAFB04

#04FBC1

#4504FB

#FB043E

Color Blindness Simulation

Original

#BAFB04

Protanopia

#D6D740

Deuteranopia

#D2CE4E

Tritanopia

#BD6F79

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#FAFEF1
100
#F4FCDE
200
#ECFEB9
300
#DEFD86
400
#CCFC45
500
#BAFB04
600
#95C903
700
#77A103
800
#5D7E02
900
#445B06
950
#2B3904

Contrast Checker

Text on white

1.24:1

AA Fail AAA Fail

Text on black

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