#B0ECB7

#B0ECB7

Color Values

HEX

#B0ECB7

RGB

176, 236, 183

HSL

127.0, 61.2%, 80.8%

HSV

127.0, 25.4%, 92.5%

CMYK

25.4%, 0.0%, 22.5%, 7.5%

OKLCH

0.8885 0.0945 147.8

Properties

Cool Light Nearest: darkseagreen 2

Color Harmonies

Complementary

#B0ECB7

#ECB0E5

Analogous

#C7ECB0

#B0ECD5

#B0ECB7

Triadic

#B0ECB7

#B7B0EC

#ECB7B0

Split Complementary

#B0ECB7

#D5B0EC

#ECB0C7

Tetradic

#B0ECB7

#B0C7EC

#ECB0E5

#ECD5B0

Color Blindness Simulation

Original

#B0ECB7

Protanopia

#CACBC4

Deuteranopia

#C6C2C7

Tritanopia

#B3CED0

Achromatopsia

#DBDBDB

CSS Usage

background-color: #B0ECB7;
color: #B0ECB7;
border-color: #B0ECB7;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F3FBF4
100
#E4F6E6
200
#C5F1CB
300
#9CE7A5
400
#67DA74
500
#31CE44
600
#28A436
700
#20842B
800
#196722
900
#164B1C
950
#0E2F12

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

15.53:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026