#B8C976

#B8C976

Color Values

HEX

#B8C976

RGB

184, 201, 118

HSL

72.3, 43.5%, 62.5%

HSV

72.3, 41.3%, 78.8%

CMYK

8.5%, 0.0%, 41.3%, 21.2%

OKLCH

0.8041 0.1092 118.4

Properties

Cool Light Nearest: Olive Green

Color Harmonies

Complementary

#B8C976

#8776C9

Analogous

#C9B076

#8EC976

#B8C976

Triadic

#B8C976

#76B8C9

#C976B8

Split Complementary

#B8C976

#768EC9

#B076C9

Tetradic

#B8C976

#76C9B0

#8776C9

#C9768E

Color Blindness Simulation

Original

#B8C976

Protanopia

#BFC08A

Deuteranopia

#BEBD8F

Tritanopia

#B99A9D

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#F9FAF5
100
#F1F4E7
200
#E4EBCC
300
#D2DCA7
400
#B9CA78
500
#A0B748
600
#80923A
700
#67752E
800
#505B24
900
#3C431D
950
#262B13

Contrast Checker

Text on white

1.8:1

AA Fail AAA Fail

Text on black

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