#B0C588

#B0C588

Color Values

HEX

#B0C588

RGB

176, 197, 136

HSL

80.7, 34.5%, 65.3%

HSV

80.7, 31.0%, 77.3%

CMYK

10.7%, 0.0%, 31.0%, 22.7%

OKLCH

0.7924 0.0852 123.8

Properties

Cool Light Nearest: RAL 1000 Green Beige

Color Harmonies

Complementary

#B0C588

#9D88C5

Analogous

#C5BC88

#91C588

#B0C588

Triadic

#B0C588

#88B0C5

#C588B0

Split Complementary

#B0C588

#8891C5

#BC88C5

Tetradic

#B0C588

#88C5BC

#9D88C5

#C58891

Color Blindness Simulation

Original

#B0C588

Protanopia

#B9B997

Deuteranopia

#B8B69A

Tritanopia

#B1A2A5

Achromatopsia

#BCBCBC

CSS Usage

background-color: #B0C588;
color: #B0C588;
border-color: #B0C588;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#F8FAF5
100
#EFF2E8
200
#DFE8CF
300
#C8D7AD
400
#ABC180
500
#8DAB54
600
#718943
700
#5A6E35
800
#47562A
900
#353F21
950
#222815

Contrast Checker

Text on white

1.88:1

AA Fail AAA Fail

Text on black

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