#BDFF88

#BDFF88

Color Values

HEX

#BDFF88

RGB

189, 255, 136

HSL

93.3, 100.0%, 76.7%

HSV

93.3, 46.7%, 100.0%

CMYK

25.9%, 0.0%, 46.7%, 0.0%

OKLCH

0.9301 0.1642 132.6

Properties

Cool Light Nearest: darkolivegreen 2

Color Harmonies

Complementary

#BDFF88

#CA88FF

Analogous

#F8FF88

#88FF8F

#BDFF88

Triadic

#BDFF88

#88BDFF

#FF88BD

Split Complementary

#BDFF88

#8F88FF

#FF88F8

Tetradic

#BDFF88

#88F8FF

#CA88FF

#FF8F88

Color Blindness Simulation

Original

#BDFF88

Protanopia

#DADAA5

Deuteranopia

#D6D1AC

Tritanopia

#C0BCC1

Achromatopsia

#E8E8E8

CSS Usage

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

Tailwind Shades

50
#F7FEF1
100
#EBFCDE
200
#D7FFB8
300
#BBFF85
400
#96FF42
500
#71FF00
600
#5BCC00
700
#49A300
800
#398000
900
#2C5C05
950
#1C3A03

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

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