#BCFF72

#BCFF72

Color Values

HEX

#BCFF72

RGB

188, 255, 114

HSL

88.5, 100.0%, 72.4%

HSV

88.5, 55.3%, 100.0%

CMYK

26.3%, 0.0%, 55.3%, 0.0%

OKLCH

0.9267 0.1847 130.5

Properties

Cool Light Nearest: darkolivegreen 1

Color Harmonies

Complementary

#BCFF72

#B572FF

Analogous

#FFFB72

#76FF72

#BCFF72

Triadic

#BCFF72

#72BCFF

#FF72BC

Split Complementary

#BCFF72

#7276FF

#FB72FF

Tetradic

#BCFF72

#72FFFB

#B572FF

#FF7276

Color Blindness Simulation

Original

#BCFF72

Protanopia

#D9DA94

Deuteranopia

#D5D09C

Tritanopia

#BFAFB5

Achromatopsia

#E7E7E7

CSS Usage

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

Tailwind Shades

50
#F8FEF1
100
#EEFCDE
200
#DDFFB8
300
#C5FF85
400
#A5FF42
500
#86FF00
600
#6BCC00
700
#56A300
800
#438000
900
#335C05
950
#203A03

Contrast Checker

Text on white

1.19:1

AA Fail AAA Fail

Text on black

17.69:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026