#BAFF85

#BAFF85

Color Values

HEX

#BAFF85

RGB

186, 255, 133

HSL

93,9, 100,0%, 76,1%

HSV

93,9, 47,8%, 100,0%

CMYK

27,1%, 0,0%, 47,8%, 0,0%

OKLCH

0,9279 0,1685 133,0

Properties

Cool Light Nearest: darkolivegreen 2

Color Harmonies

Complementary

#BAFF85

#CA85FF

Analogous

#F7FF85

#85FF8D

#BAFF85

Triadic

#BAFF85

#85BAFF

#FF85BA

Split Complementary

#BAFF85

#8D85FF

#FF85F7

Tetradic

#BAFF85

#85F7FF

#CA85FF

#FF8D85

Color Blindness Simulation

Original

#BAFF85

Protanopia

#D8D8A2

Deuteranopia

#D4CFAA

Tritanopia

#BDBABF

Achromatopsia

#E8E8E8

CSS Usage

background-color: #BAFF85;
color: #BAFF85;
border-color: #BAFF85;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#F7FEF1
100
#EBFCDE
200
#D7FFB8
300
#BAFF85
400
#94FF42
500
#6FFF00
600
#59CC00
700
#47A300
800
#378000
900
#2B5C05
950
#1B3A03

Contrast Checker

Text on white

1,18:1

AA Fail AAA Fail

Text on black

17,73:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Фев 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Фев 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Фев 20, 2026