#B2BE2B

#B2BE2B

Color Values

HEX

#B2BE2B

RGB

178, 190, 43

HSL

64.9, 63.1%, 45.7%

HSV

64.9, 77.4%, 74.5%

CMYK

6.3%, 0.0%, 77.4%, 25.5%

OKLCH

0.7672 0.1604 114.4

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#B2BE2B

#372BBE

Analogous

#BE812B

#69BE2B

#B2BE2B

Triadic

#B2BE2B

#2BB2BE

#BE2BB2

Split Complementary

#B2BE2B

#2B69BE

#812BBE

Tetradic

#B2BE2B

#2BBE81

#372BBE

#BE2B69

Color Blindness Simulation

Original

#B2BE2B

Protanopia

#B7B74F

Deuteranopia

#B6B657

Tritanopia

#B36B71

Achromatopsia

#B1B1B1

CSS Usage

background-color: #B2BE2B;
color: #B2BE2B;
border-color: #B2BE2B;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#FBFBF3
100
#F5F7E4
200
#EEF2C5
300
#E2E89B
400
#D2DC65
500
#C3D02F
600
#9CA626
700
#7D851E
800
#616818
900
#474C15
950
#2D300D

Contrast Checker

Text on white

2.04:1

AA Fail AAA Fail

Text on black

10.29:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026