#BABB8F

#BABB8F

Color Values

HEX

#BABB8F

RGB

186, 187, 143

HSL

61.4, 24.4%, 64.7%

HSV

61.4, 23.5%, 73.3%

CMYK

0.5%, 0.0%, 23.5%, 26.7%

OKLCH

0.7801 0.0595 108.8

Properties

Cool Light Nearest: RAL 7032 Pebble Grey

Color Harmonies

Complementary

#BABB8F

#908FBB

Analogous

#BBA68F

#A4BB8F

#BABB8F

Triadic

#BABB8F

#8FBABB

#BB8FBA

Split Complementary

#BABB8F

#8FA4BB

#A68FBB

Tetradic

#BABB8F

#8FBBA6

#908FBB

#BB8FA4

Color Blindness Simulation

Original

#BABB8F

Protanopia

#BABA9A

Deuteranopia

#BABA9C

Tritanopia

#BAA2A4

Achromatopsia

#B8B8B8

CSS Usage

background-color: #BABB8F;
color: #BABB8F;
border-color: #BABB8F;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#F9F9F6
100
#F1F1E9
200
#E4E4D3
300
#D0D1B3
400
#B7B88A
500
#9D9F60
600
#7E7F4D
700
#65663E
800
#4F4F30
900
#3B3B26
950
#252518

Contrast Checker

Text on white

1.98:1

AA Fail AAA Fail

Text on black

10.59:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026