#B0C39F

#B0C39F

Color Values

HEX

#B0C39F

RGB

176, 195, 159

HSL

91.7, 23.1%, 69.4%

HSV

91.7, 18.5%, 76.5%

CMYK

9.7%, 0.0%, 18.5%, 23.5%

OKLCH

0.793 0.0537 130.3

Properties

Cool Light Nearest: RAL 7032 Pebble Grey

Color Harmonies

Complementary

#B0C39F

#B29FC3

Analogous

#C2C39F

#9FC3A0

#B0C39F

Triadic

#B0C39F

#9FB0C3

#C39FB0

Split Complementary

#B0C39F

#A09FC3

#C39FC2

Tetradic

#B0C39F

#9FC2C3

#B29FC3

#C3A09F

Color Blindness Simulation

Original

#B0C39F

Protanopia

#B8B8A8

Deuteranopia

#B7B6AA

Tritanopia

#B1AFB0

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#F7F9F6
100
#EDF1EA
200
#DBE4D3
300
#C1D0B4
400
#9FB68B
500
#7E9D62
600
#657E4E
700
#51643F
800
#3F4E31
900
#303B26
950
#1E2518

Contrast Checker

Text on white

1.88:1

AA Fail AAA Fail

Text on black

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