#848C95

#848C95

Color Values

HEX

#848C95

RGB

132, 140, 149

HSL

211.8, 7.4%, 55.1%

HSV

211.8, 11.4%, 58.4%

CMYK

11.4%, 6.0%, 0.0%, 41.6%

OKLCH

0.6364 0.0164 251.2

Properties

Cool Light Nearest: RAL 7046 Telegrey 2

Color Harmonies

Complementary

#848C95

#958D84

Analogous

#849495

#858495

#848C95

Triadic

#848C95

#95848C

#8C9584

Split Complementary

#848C95

#958584

#949584

Tetradic

#848C95

#958494

#958D84

#849585

Color Blindness Simulation

Original

#848C95

Protanopia

#878893

Deuteranopia

#878692

Tritanopia

#849191

Achromatopsia

#8B8B8B

CSS Usage

background-color: #848C95;
color: #848C95;
border-color: #848C95;
Nearest Tailwind: Gray 400 #9CA3AF

Tailwind Shades

50
#F7F7F8
100
#ECEDEE
200
#D9DBDE
300
#BDC2C6
400
#9AA0A8
500
#767F89
600
#5E666E
700
#4C5158
800
#3B3F44
900
#2D3034
950
#1D1E21

Contrast Checker

Text on white

3.41:1

AA Fail AAA Fail

Text on black

6.17:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026