#848DA6

#848DA6

Color Values

HEX

#848DA6

RGB

132, 141, 166

HSL

224.1, 16.0%, 58.4%

HSV

224.1, 20.5%, 65.1%

CMYK

20.5%, 15.1%, 0.0%, 34.9%

OKLCH

0.6447 0.0389 269.7

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#848DA6

#A69D84

Analogous

#849EA6

#8C84A6

#848DA6

Triadic

#848DA6

#A6848D

#8DA684

Split Complementary

#848DA6

#A68C84

#9EA684

Tetradic

#848DA6

#A6849E

#A69D84

#84A68C

Color Blindness Simulation

Original

#848DA6

Protanopia

#8888A0

Deuteranopia

#87879E

Tritanopia

#849B9A

Achromatopsia

#8D8D8D

CSS Usage

background-color: #848DA6;
color: #848DA6;
border-color: #848DA6;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F7F8
100
#EBECF0
200
#D6D9E1
300
#B8BDCC
400
#929AB0
500
#6B7694
600
#565E76
700
#454B5F
800
#363B4A
900
#292D37
950
#1A1D23

Contrast Checker

Text on white

3.31:1

AA Fail AAA Fail

Text on black

6.34:1

AA Pass AAA Fail

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