#B5C491

#B5C491

Color Values

HEX

#B5C491

RGB

181, 196, 145

HSL

77.6, 30.2%, 66.9%

HSV

77.6, 26.0%, 76.9%

CMYK

7.7%, 0.0%, 26.0%, 23.1%

OKLCH

0.7958 0.0709 121.3

Properties

Cool Light Nearest: RAL 1000 Green Beige

Color Harmonies

Complementary

#B5C491

#A091C4

Analogous

#C4BA91

#9CC491

#B5C491

Triadic

#B5C491

#91B5C4

#C491B5

Split Complementary

#B5C491

#919CC4

#BA91C4

Tetradic

#B5C491

#91C4BA

#A091C4

#C4919C

Color Blindness Simulation

Original

#B5C491

Protanopia

#BBBC9D

Deuteranopia

#BBBAA0

Tritanopia

#B6A7A9

Achromatopsia

#BDBDBD

CSS Usage

background-color: #B5C491;
color: #B5C491;
border-color: #B5C491;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#F8F9F5
100
#EFF2E9
200
#E0E6D1
300
#C9D4AF
400
#ACBD84
500
#8FA659
600
#738547
700
#5C6A39
800
#48532C
900
#363E23
950
#222716

Contrast Checker

Text on white

1.86:1

AA Fail AAA Fail

Text on black

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