#B0EC83

#B0EC83

Color Values

HEX

#B0EC83

RGB

176, 236, 131

HSL

94.3, 73.4%, 72.0%

HSV

94.3, 44.5%, 92.5%

CMYK

25.4%, 0.0%, 44.5%, 7.5%

OKLCH

0.8788 0.1487 133.0

Properties

Cool Light Nearest: NCS S 0530-G40Y Chartreuse

Color Harmonies

Complementary

#B0EC83

#BF83EC

Analogous

#E4EC83

#83EC8B

#B0EC83

Triadic

#B0EC83

#83B0EC

#EC83B0

Split Complementary

#B0EC83

#8B83EC

#EC83E4

Tetradic

#B0EC83

#83E4EC

#BF83EC

#EC8B83

Color Blindness Simulation

Original

#B0EC83

Protanopia

#CACB9C

Deuteranopia

#C6C2A2

Tritanopia

#B3B0B5

Achromatopsia

#D8D8D8

CSS Usage

background-color: #B0EC83;
color: #B0EC83;
border-color: #B0EC83;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F7FCF3
100
#ECF8E2
200
#D8F6C1
300
#BBEF95
400
#97E65B
500
#72DD22
600
#5BB11B
700
#498D16
800
#396F11
900
#2C5010
950
#1C330A

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

15.17:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026