#B0D170

#B0D170

Color Values

HEX

#B0D170

RGB

176, 209, 112

HSL

80.4, 51.3%, 62.9%

HSV

80.4, 46.4%, 82.0%

CMYK

15.8%, 0.0%, 46.4%, 18.0%

OKLCH

0.8151 0.1295 124.6

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#B0D170

#9170D1

Analogous

#D1C170

#7FD170

#B0D170

Triadic

#B0D170

#70B0D1

#D170B0

Split Complementary

#B0D170

#707FD1

#C170D1

Tetradic

#B0D170

#70D1C1

#9170D1

#D1707F

Color Blindness Simulation

Original

#B0D170

Protanopia

#BEBF87

Deuteranopia

#BCBA8D

Tritanopia

#B29A9E

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#F8FBF4
100
#F0F5E5
200
#E1EEC9
300
#CCE1A2
400
#B0D170
500
#94C13E
600
#779A32
700
#5F7B28
800
#4A601F
900
#38471A
950
#232D10

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

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