#B0F089

#B0F089

Color Values

HEX

#B0F089

RGB

176, 240, 137

HSL

97.3, 77.4%, 73.9%

HSV

97.3, 42.9%, 94.1%

CMYK

26.7%, 0.0%, 42.9%, 5.9%

OKLCH

0.8887 0.1484 134.5

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#B0F089

#C989F0

Analogous

#E3F089

#89F095

#B0F089

Triadic

#B0F089

#89B0F0

#F089B0

Split Complementary

#B0F089

#9589F0

#F089E3

Tetradic

#B0F089

#89E3F0

#C989F0

#F09589

Color Blindness Simulation

Original

#B0F089

Protanopia

#CCCCA2

Deuteranopia

#C8C3A8

Tritanopia

#B3B6BA

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#F6FCF2
100
#EAF9E1
200
#D5F7C0
300
#B6F192
400
#8FEA58
500
#67E21D
600
#53B517
700
#429112
800
#34710E
900
#28520F
950
#193409

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

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