#848293

#848293

Color Values

HEX

#848293

RGB

132, 130, 147

HSL

247.1, 7.3%, 54.3%

HSV

247.1, 11.6%, 57.6%

CMYK

10.2%, 11.6%, 0.0%, 42.4%

OKLCH

0.6141 0.0255 291.0

Properties

Cool Light Nearest: thistle 4

Color Harmonies

Complementary

#848293

#919382

Analogous

#828893

#8C8293

#848293

Triadic

#848293

#938482

#829384

Split Complementary

#848293

#938C82

#889382

Tetradic

#848293

#938288

#919382

#82938C

Color Blindness Simulation

Original

#848293

Protanopia

#83838F

Deuteranopia

#83838E

Tritanopia

#848C8B

Achromatopsia

#848484

CSS Usage

background-color: #848293;
color: #848293;
border-color: #848293;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F7F7F8
100
#ECECEE
200
#D9D9DE
300
#BEBDC6
400
#9B9AA8
500
#787689
600
#605F6D
700
#4D4C58
800
#3C3B44
900
#2E2D34
950
#1D1D21

Contrast Checker

Text on white

3.75:1

AA Fail AAA Fail

Text on black

5.6:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026