#B0D27F

#B0D27F

Color Values

HEX

#B0D27F

RGB

176, 210, 127

HSL

84.6, 48.0%, 66.1%

HSV

84.6, 39.5%, 82.4%

CMYK

16.2%, 0.0%, 39.5%, 17.6%

OKLCH

0.8196 0.115 126.9

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#B0D27F

#A17FD2

Analogous

#D2CB7F

#87D27F

#B0D27F

Triadic

#B0D27F

#7FB0D2

#D27FB0

Split Complementary

#B0D27F

#7F87D2

#CB7FD2

Tetradic

#B0D27F

#7FD2CB

#A17FD2

#D27F87

Color Blindness Simulation

Original

#B0D27F

Protanopia

#BFBF93

Deuteranopia

#BDBA98

Tritanopia

#B2A3A6

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#F8FAF4
100
#EEF4E6
200
#DEECCA
300
#C7DFA4
400
#A9CE73
500
#8BBD42
600
#6F9735
700
#59792A
800
#455E21
900
#34451C
950
#212C11

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

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