#7582B2

#7582B2

Color Values

HEX

#7582B2

RGB

117, 130, 178

HSL

227.2, 28.4%, 57.8%

HSV

227.2, 34.3%, 69.8%

CMYK

34.3%, 27.0%, 0.0%, 30.2%

OKLCH

0.6148 0.0746 272.4

Properties

Cool Light Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#7582B2

#B2A575

Analogous

#75A0B2

#8675B2

#7582B2

Triadic

#7582B2

#B27582

#82B275

Split Complementary

#7582B2

#B28675

#A0B275

Tetradic

#7582B2

#B275A0

#B2A575

#75B286

Color Blindness Simulation

Original

#7582B2

Protanopia

#7B7BA6

Deuteranopia

#7A79A4

Tritanopia

#769D9B

Achromatopsia

#838383

CSS Usage

background-color: #7582B2;
color: #7582B2;
border-color: #7582B2;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F6F9
100
#E9EBF1
200
#D1D5E5
300
#B0B8D3
400
#8691BB
500
#5B6BA4
600
#495583
700
#3A4469
800
#2E3552
900
#24293D
950
#171A26

Contrast Checker

Text on white

3.76:1

AA Fail AAA Fail

Text on black

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