HEX Color #FF8AFF (Violet)

About #FF8AFF

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

For print applications, it's crucial to understand its CMYK makeup. Its ink density profile breaks down to 0% cyan, 46% magenta, 0% yellow, and 0% black. With a hue angle of 300.0 degrees, it sits comfortably in the magenta spectrum.

Ensuring your text is legible against this background is a key part of web design. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#FF8AFF

RGB255, 138, 255

HSL300.0°, 100.0%, 77.1%

CMYK0%, 46%, 0%, 0%

HSV300.0°, 45.9%, 100.0%

LAB74.0, 60.2, -39.3

XYZ68.4, 46.7, 100.0

Decimal16747263

Color Harmonies

Complementary

#FF8AFF #89FF89

Analogous

#C489FF #FF89C4

Triadic

#FEFF89 #89FEFF

Tetradic

#FFC489 #89FF89 #89C4FF

Tints, Shades & Tones

Tints (Adding White)

#FF8AFF

#FF97FF

#FFA4FF

#FFB1FF

#FFBEFF

#FFCBFF

#FFD8FF

#FFE5FF

#FFF2FF

#FFFFFF

Shades (Adding Black)

#FF8AFF

#E27AE2

#C66BC6

#AA5CAA

#8D4C8D

#713D71

#552E55

#381E38

#1C0F1C

#000000

WCAG Contrast Accessibility

2.03:1

Text on #FFFFFF

FAIL

10.33:1

Text on #000000

AAA

1.94:1

Text on #F8FAFC

FAIL

8.78:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #FF8AFF; }

.text-color { color: #FF8AFF; }

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

Similar Colors

Violet

#EE82EE