HEX Color #7566CC (Mediumpurple)

About #7566CC

The precise color #7566CC is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Mediumpurple. To achieve this exact tint on a monitor, you would use an RGB mix of 117, 102, and 204.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 43% cyan and 50% magenta inks. This makes it a relatively light color when applied to physical surfaces.

Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#7566CC

RGB117, 102, 204

HSL248.8°, 50.0%, 60.0%

CMYK43%, 50%, 0%, 20%

HSV248.8°, 50.0%, 80.0%

LAB49.1, 31.1, -51.2

XYZ23.0, 17.6, 59.3

Decimal7694028

Color Harmonies

Complementary

#7566CC #BDCC66

Analogous

#668ACC #A766CC

Triadic

#CC7466 #66CC74

Tetradic

#CC668A #BDCC66 #66CCA7

Tints, Shades & Tones

Tints (Adding White)

#7566CC

#8477D1

#9388D7

#A399DD

#B2AAE2

#C1BBE8

#D1CCEE

#E0DDF3

#EFEEF9

#FFFFFF

Shades (Adding Black)

#7566CC

#685AB5

#5B4F9E

#4E4488

#413871

#342D5A

#272244

#1A162D

#0D0B16

#000000

WCAG Contrast Accessibility

4.64:1

Text on #FFFFFF

AA

4.53:1

Text on #000000

AA

4.43:1

Text on #F8FAFC

AA Large

3.85:1

Text on #0F172A

AA Large

CSS Implementation

.bg-color { background-color: #7566CC; }

.text-color { color: #7566CC; }

.border-color { border: 2px solid #7566CC; }

Similar Colors

Mediumpurple

#9370DB