#8682B7

#8682B7

Color Values

HEX

#8682B7

RGB

134, 130, 183

HSL

244.5, 26.9%, 61.4%

HSV

244.5, 29.0%, 71.8%

CMYK

26.8%, 29.0%, 0.0%, 28.2%

OKLCH

0.6304 0.079 287.4

Properties

Cool Light Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#8682B7

#B3B782

Analogous

#8299B7

#A182B7

#8682B7

Triadic

#8682B7

#B78682

#82B786

Split Complementary

#8682B7

#B7A182

#99B782

Tetradic

#8682B7

#B78299

#B3B782

#82B7A1

Color Blindness Simulation

Original

#8682B7

Protanopia

#8484AA

Deuteranopia

#8485A7

Tritanopia

#86A09E

Achromatopsia

#878787

CSS Usage

background-color: #8682B7;
color: #8682B7;
border-color: #8682B7;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F6F9
100
#EAE9F1
200
#D3D2E5
300
#B4B1D2
400
#8B87BA
500
#625DA2
600
#4F4B81
700
#3F3C68
800
#312F51
900
#26253C
950
#181726

Contrast Checker

Text on white

3.57:1

AA Fail AAA Fail

Text on black

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