#838DA7

#838DA7

Color Values

HEX

#838DA7

RGB

131, 141, 167

HSL

223.3, 17.0%, 58.4%

HSV

223.3, 21.6%, 65.5%

CMYK

21.6%, 15.6%, 0.0%, 34.5%

OKLCH

0.6444 0.0407 268.7

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#838DA7

#A79D83

Analogous

#839FA7

#8B83A7

#838DA7

Triadic

#838DA7

#A7838D

#8DA783

Split Complementary

#838DA7

#A78B83

#9FA783

Tetradic

#838DA7

#A7839F

#A79D83

#83A78B

Color Blindness Simulation

Original

#838DA7

Protanopia

#8787A1

Deuteranopia

#87869F

Tritanopia

#849C9B

Achromatopsia

#8D8D8D

CSS Usage

background-color: #838DA7;
color: #838DA7;
border-color: #838DA7;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F7F8
100
#EBECF0
200
#D5D9E1
300
#B7BDCC
400
#919AB1
500
#6A7695
600
#555E77
700
#444B5F
800
#353B4B
900
#292D38
950
#1A1D23

Contrast Checker

Text on white

3.32:1

AA Fail AAA Fail

Text on black

6.33: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