#B2C477

#B2C477

Color Values

HEX

#B2C477

RGB

178, 196, 119

HSL

74,0, 39,5%, 61,8%

HSV

74,0, 39,3%, 76,9%

CMYK

9,2%, 0,0%, 39,3%, 23,1%

OKLCH

0,7887 0,103 119,6

Properties

Cool Light Nearest: Olive Green

Color Harmonies

Complementary

#B2C477

#8977C4

Analogous

#C4B077

#8CC477

#B2C477

Triadic

#B2C477

#77B2C4

#C477B2

Split Complementary

#B2C477

#778CC4

#B077C4

Tetradic

#B2C477

#77C4B0

#8977C4

#C4778C

Color Blindness Simulation

Original

#B2C477

Protanopia

#BABA8A

Deuteranopia

#B9B78E

Tritanopia

#B3989C

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#F9FAF5
100
#F0F3E7
200
#E3E9CD
300
#CFDAAA
400
#B5C67B
500
#9AB24D
600
#7B8E3E
700
#637231
800
#4D5927
900
#3A421F
950
#242914

Contrast Checker

Text on white

1,9:1

AA Fail AAA Fail

Text on black

11,06:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026