#B5C097

#B5C097

Color Values

HEX

#B5C097

RGB

181, 192, 151

HSL

76.1, 24.6%, 67.3%

HSV

76.1, 21.4%, 75.3%

CMYK

5.7%, 0.0%, 21.4%, 24.7%

OKLCH

0.7885 0.0572 119.9

Properties

Cool Light Nearest: RAL 7032 Pebble Grey

Color Harmonies

Complementary

#B5C097

#A297C0

Analogous

#C0B797

#A1C097

#B5C097

Triadic

#B5C097

#97B5C0

#C097B5

Split Complementary

#B5C097

#97A1C0

#B797C0

Tetradic

#B5C097

#97C0B7

#A297C0

#C097A1

Color Blindness Simulation

Original

#B5C097

Protanopia

#BABAA1

Deuteranopia

#B9B8A3

Tritanopia

#B6A9AA

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#F8F9F6
100
#EFF1E9
200
#DFE4D3
300
#C9D1B3
400
#ABB889
500
#8E9F60
600
#727F4D
700
#5B663E
800
#474F30
900
#353B26
950
#222518

Contrast Checker

Text on white

1.92:1

AA Fail AAA Fail

Text on black

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