HEX Color #FF3ADB (Fuchsia)

About #FF3ADB

The precise color #FF3ADB is an excellent choice for modern design projects. Designers often compare it to the standard color Fuchsia. To achieve this exact tint on a monitor, you would use an RGB mix of 255, 58, and 219.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 0% cyan and 77% magenta inks. With a hue angle of 311.0 degrees, it sits comfortably in the magenta spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. 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#FF3ADB

RGB255, 58, 219

HSL311.0°, 100.0%, 61.4%

CMYK0%, 77%, 14%, 0%

HSV311.0°, 77.3%, 100.0%

LAB61.1, 85.5, -39.4

XYZ55.5, 29.4, 69.8

Decimal16726747

Color Harmonies

Complementary

#FF3ADB #3AFF5D

Analogous

#C03AFF #FF3A78

Triadic

#DBFF3A #3ADBFF

Tetradic

#FFC03A #3AFF5D #3A78FF

Tints, Shades & Tones

Tints (Adding White)

#FF3ADB

#FF4FDF

#FF65E3

#FF7BE7

#FF91EB

#FFA7EF

#FFBDF3

#FFD3F7

#FFE9FB

#FFFFFF

Shades (Adding Black)

#FF3ADB

#E233C2

#C62DAA

#AA2692

#8D2079

#711961

#551349

#380C30

#1C0618

#000000

WCAG Contrast Accessibility

3.05:1

Text on #FFFFFF

AA Large

6.88:1

Text on #000000

AA

2.92:1

Text on #F8FAFC

FAIL

5.85:1

Text on #0F172A

AA

CSS Implementation

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

.text-color { color: #FF3ADB; }

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

Similar Colors

Fuchsia

#FF00FF