#7574E8

#7574E8

Color Values

HEX

#7574E8

RGB

117, 116, 232

HSL

240.5, 71.6%, 68.2%

HSV

240.5, 50.0%, 91.0%

CMYK

49.6%, 50.0%, 0.0%, 9.0%

OKLCH

0.6168 0.1707 280.5

Properties

Cool Light Nearest: royalblue

Color Harmonies

Complementary

#7574E8

#E7E874

Analogous

#74ADE8

#AF74E8

#7574E8

Triadic

#7574E8

#E87574

#74E875

Split Complementary

#7574E8

#E8AF74

#ADE874

Tetradic

#7574E8

#E874AD

#E7E874

#74E8AF

Color Blindness Simulation

Original

#7574E8

Protanopia

#7575CC

Deuteranopia

#7575C5

Tritanopia

#75B6B1

Achromatopsia

#7D7D7D

CSS Usage

background-color: #7574E8;
color: #7574E8;
border-color: #7574E8;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F3F3FC
100
#E2E2F8
200
#C2C2F5
300
#9796EE
400
#5E5DE4
500
#2624DB
600
#1E1DAF
700
#18178C
800
#13126D
900
#121150
950
#0B0B32

Contrast Checker

Text on white

3.87:1

AA Fail AAA Fail

Text on black

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