HEX Color #9266D3 (Mediumpurple)

About #9266D3

The precise color #9266D3 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 146, 102, and 211.

Translating this color to physical media requires the CMYK color model. Its ink density profile breaks down to 31% cyan, 52% magenta, 0% yellow, and 17% black. This makes it a relatively light color when applied to physical surfaces.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #000000 typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#9266D3

RGB146, 102, 211

HSL264.2°, 55.3%, 61.4%

CMYK31%, 52%, 0%, 17%

HSV264.2°, 51.7%, 82.7%

LAB52.2, 40.2, -50.0

XYZ28.4, 20.3, 64.1

Decimal9594579

Color Harmonies

Complementary

#9266D3 #A6D366

Analogous

#6670D3 #C866D3

Triadic

#D39266 #66D392

Tetradic

#D36670 #A6D366 #66D3C8

Tints, Shades & Tones

Tints (Adding White)

#9266D3

#9E77D7

#AA88DC

#B699E1

#C2AAE6

#CEBBEB

#DACCF0

#E6DDF5

#F2EEFA

#FFFFFF

Shades (Adding Black)

#9266D3

#815ABB

#714FA4

#61448C

#513875

#402D5D

#302246

#20162E

#100B17

#000000

WCAG Contrast Accessibility

4.15:1

Text on #FFFFFF

AA Large

5.06:1

Text on #000000

AA

3.96:1

Text on #F8FAFC

AA Large

4.30:1

Text on #0F172A

AA Large

CSS Implementation

.bg-color { background-color: #9266D3; }

.text-color { color: #9266D3; }

.border-color { border: 2px solid #9266D3; }

Similar Colors

Mediumpurple

#9370DB