#B6C552

#B6C552

Color Values

HEX

#B6C552

RGB

182, 197, 82

HSL

67.8, 49.8%, 54.7%

HSV

67.8, 58.4%, 77.3%

CMYK

7.6%, 0.0%, 58.4%, 22.7%

OKLCH

0.789 0.1404 115.9

Properties

Cool Light Nearest: darkolivegreen 3

Color Harmonies

Complementary

#B6C552

#6152C5

Analogous

#C59A52

#7DC552

#B6C552

Triadic

#B6C552

#52B6C5

#C552B6

Split Complementary

#B6C552

#527DC5

#9A52C5

Tetradic

#B6C552

#52C59A

#6152C5

#C5527D

Color Blindness Simulation

Original

#B6C552

Protanopia

#BCBD6E

Deuteranopia

#BCBA74

Tritanopia

#B78489

Achromatopsia

#BABABA

CSS Usage

background-color: #B6C552;
color: #B6C552;
border-color: #B6C552;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FAFBF4
100
#F3F5E6
200
#E8EDCA
300
#D8E0A3
400
#C3D072
500
#AEBF40
600
#8C9933
700
#707A29
800
#575F20
900
#41461B
950
#292C11

Contrast Checker

Text on white

1.89:1

AA Fail AAA Fail

Text on black

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