#B0FAB3

#B0FAB3

Color Values

HEX

#B0FAB3

RGB

176, 250, 179

HSL

122.4, 88.1%, 83.5%

HSV

122.4, 29.6%, 98.0%

CMYK

29.6%, 0.0%, 28.4%, 2.0%

OKLCH

0.9188 0.1205 145.5

Properties

Cool Light Nearest: darkseagreen 1

Color Harmonies

Complementary

#B0FAB3

#FAB0F7

Analogous

#D2FAB0

#B0FAD8

#B0FAB3

Triadic

#B0FAB3

#B3B0FA

#FAB3B0

Split Complementary

#B0FAB3

#D8B0FA

#FAB0D2

Tetradic

#B0FAB3

#B0D2FA

#FAB0F7

#FAD8B0

Color Blindness Simulation

Original

#B0FAB3

Protanopia

#D0D1C4

Deuteranopia

#CCC6C8

Tritanopia

#B4D2D5

Achromatopsia

#E5E5E5

CSS Usage

background-color: #B0FAB3;
color: #B0FAB3;
border-color: #B0FAB3;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F2FDF2
100
#E0FBE1
200
#BCFBBE
300
#8CF890
400
#4EF454
500
#0FF018
600
#0CC013
700
#0A990F
800
#08780C
900
#0A570D
950
#063708

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

17.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