#7286A4

#7286A4

Color Values

HEX

#7286A4

RGB

114, 134, 164

HSL

216.0, 21.6%, 54.5%

HSV

216.0, 30.5%, 64.3%

CMYK

30.5%, 18.3%, 0.0%, 35.7%

OKLCH

0.6152 0.0513 258.4

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#7286A4

#A49072

Analogous

#729FA4

#7772A4

#7286A4

Triadic

#7286A4

#A47286

#86A472

Split Complementary

#7286A4

#A47772

#9FA472

Tetradic

#7286A4

#A4729F

#A49072

#72A477

Color Blindness Simulation

Original

#7286A4

Protanopia

#7B7B9D

Deuteranopia

#7A789B

Tritanopia

#739796

Achromatopsia

#848484

CSS Usage

background-color: #7286A4;
color: #7286A4;
border-color: #7286A4;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F7F9
100
#EAECF0
200
#D4DAE3
300
#B5BFCF
400
#8C9DB5
500
#647A9B
600
#50627C
700
#404E63
800
#323D4E
900
#272F3A
950
#191D25

Contrast Checker

Text on white

3.71:1

AA Fail AAA Fail

Text on black

5.66:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026