#B1ED71

#B1ED71

Color Values

HEX

#B1ED71

RGB

177, 237, 113

HSL

89.0, 77.5%, 68.6%

HSV

89.0, 52.3%, 92.9%

CMYK

25.3%, 0.0%, 52.3%, 7.1%

OKLCH

0.8792 0.1668 130.6

Properties

Cool Light Nearest: darkolivegreen 2

Color Harmonies

Complementary

#B1ED71

#AD71ED

Analogous

#EDEB71

#73ED71

#B1ED71

Triadic

#B1ED71

#71B1ED

#ED71B1

Split Complementary

#B1ED71

#7173ED

#EB71ED

Tetradic

#B1ED71

#71EDEB

#AD71ED

#ED7173

Color Blindness Simulation

Original

#B1ED71

Protanopia

#CBCC8F

Deuteranopia

#C8C396

Tritanopia

#B4A7AC

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#F8FCF2
100
#EEF9E1
200
#DCF7C0
300
#C3F192
400
#A3EA58
500
#83E21D
600
#69B517
700
#549112
800
#41710E
900
#32520F
950
#1F3409

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

15.22:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026