HEX Color #F08AFF (Violet)

About #F08AFF

The precise color #F08AFF 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 240, 138, and 255.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 6% cyan and 46% magenta inks. The HSL representation is 292.3° hue, 100.0% saturation, and 77.1% lightness.

From a UX and accessibility standpoint, contrast is paramount. 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#F08AFF

RGB240, 138, 255

HSL292.3°, 100.0%, 77.1%

CMYK6%, 46%, 0%, 0%

HSV292.3°, 45.9%, 100.0%

LAB72.2, 56.0, -42.2

XYZ63.1, 43.9, 99.8

Decimal15764223

Color Harmonies

Complementary

#F08AFF #98FF89

Analogous

#B589FF #FF89D3

Triadic

#FFF089 #89FFF0

Tetradic

#FFB589 #98FF89 #89D3FF

Tints, Shades & Tones

Tints (Adding White)

#F08AFF

#F197FF

#F3A4FF

#F5B1FF

#F6BEFF

#F8CBFF

#FAD8FF

#FBE5FF

#FDF2FF

#FFFFFF

Shades (Adding Black)

#F08AFF

#D57AE2

#BA6BC6

#A05CAA

#854C8D

#6A3D71

#502E55

#351E38

#1A0F1C

#000000

WCAG Contrast Accessibility

2.15:1

Text on #FFFFFF

FAIL

9.78:1

Text on #000000

AAA

2.05:1

Text on #F8FAFC

FAIL

8.32:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #F08AFF; }

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

Similar Colors

Violet

#EE82EE