#B0E98C

#B0E98C

Color Values

HEX

#B0E98C

RGB

176, 233, 140

HSL

96.8, 67.9%, 73.1%

HSV

96.8, 39.9%, 91.4%

CMYK

24.5%, 0.0%, 39.9%, 8.6%

OKLCH

0.8734 0.1351 134.1

Properties

Cool Light Nearest: NCS S 0530-G10Y Spring Green

Color Harmonies

Complementary

#B0E98C

#C58CE9

Analogous

#DEE98C

#8CE996

#B0E98C

Triadic

#B0E98C

#8CB0E9

#E98CB0

Split Complementary

#B0E98C

#968CE9

#E98CDE

Tetradic

#B0E98C

#8CDEE9

#C58CE9

#E9968C

Color Blindness Simulation

Original

#B0E98C

Protanopia

#C9C9A2

Deuteranopia

#C5C1A8

Tritanopia

#B3B4B8

Achromatopsia

#D6D6D6

CSS Usage

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

Tailwind Shades

50
#F6FCF3
100
#EBF7E3
200
#D6F4C3
300
#B8EB98
400
#92E161
500
#6CD629
600
#56AB21
700
#45891A
800
#366B14
900
#2A4E13
950
#1A310C

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

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