#BABC8F

#BABC8F

Color Values

HEX

#BABC8F

RGB

186, 188, 143

HSL

62,7, 25,1%, 64,9%

HSV

62,7, 23,9%, 73,7%

CMYK

1,1%, 0,0%, 23,9%, 26,3%

OKLCH

0,7822 0,0609 109,8

Properties

Cool Light Nearest: RAL 7032 Pebble Grey

Color Harmonies

Complementary

#BABC8F

#918FBC

Analogous

#BCA88F

#A3BC8F

#BABC8F

Triadic

#BABC8F

#8FBABC

#BC8FBA

Split Complementary

#BABC8F

#8FA3BC

#A88FBC

Tetradic

#BABC8F

#8FBCA8

#918FBC

#BC8FA3

Color Blindness Simulation

Original

#BABC8F

Protanopia

#BBBB9A

Deuteranopia

#BBBB9C

Tritanopia

#BAA2A4

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#F9F9F6
100
#F1F1E9
200
#E3E4D2
300
#D0D1B2
400
#B6B889
500
#9DA05F
600
#7D804C
700
#64663D
800
#4E5030
900
#3A3B26
950
#252618

Contrast Checker

Text on white

1,97:1

AA Fail AAA Fail

Text on black

10,68:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026