#B2ED40

#B2ED40

Color Values

HEX

#B2ED40

RGB

178, 237, 64

HSL

80.5, 82.8%, 59.0%

HSV

80.5, 73.0%, 92.9%

CMYK

24.9%, 0.0%, 73.0%, 7.1%

OKLCH

0.8753 0.2027 126.9

Properties

Cool Light Nearest: olivedrab 2

Color Harmonies

Complementary

#B2ED40

#7B40ED

Analogous

#EDD240

#5BED40

#B2ED40

Triadic

#B2ED40

#40B2ED

#ED40B2

Split Complementary

#B2ED40

#405BED

#D240ED

Tetradic

#B2ED40

#40EDD2

#7B40ED

#ED405B

Color Blindness Simulation

Original

#B2ED40

Protanopia

#CCCC6A

Deuteranopia

#C8C474

Tritanopia

#B58B92

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#F9FDF2
100
#F1FAE1
200
#E5F9BE
300
#D2F48F
400
#B9EF53
500
#A1E916
600
#81BA12
700
#67950E
800
#50750B
900
#3C550C
950
#263508

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

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