#B0ED71

#B0ED71

Color Values

HEX

#B0ED71

RGB

176, 237, 113

HSL

89.5, 77.5%, 68.6%

HSV

89.5, 52.3%, 92.9%

CMYK

25.7%, 0.0%, 52.3%, 7.1%

OKLCH

0.8786 0.1673 130.8

Properties

Cool Light Nearest: darkolivegreen 2

Color Harmonies

Complementary

#B0ED71

#AE71ED

Analogous

#EDEC71

#72ED71

#B0ED71

Triadic

#B0ED71

#71B0ED

#ED71B0

Split Complementary

#B0ED71

#7172ED

#EC71ED

Tetradic

#B0ED71

#71EDEC

#AE71ED

#ED7172

Color Blindness Simulation

Original

#B0ED71

Protanopia

#CACB8F

Deuteranopia

#C7C296

Tritanopia

#B3A7AC

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#F7FCF2
100
#EDF9E1
200
#DCF7C0
300
#C3F192
400
#A2EA58
500
#81E21D
600
#67B517
700
#539112
800
#41710E
900
#31520F
950
#1F3409

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

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