HEX Color #F000CC (Fuchsia)

About #F000CC

At its core, #F000CC is a medium and vivid hue. If you're using CSS, you might find it aligns closely with Fuchsia. In the RGB color space, it consists of 240 red, 0 green, and 204 blue.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). Its ink density profile breaks down to 0% cyan, 100% magenta, 15% yellow, and 6% black. The HSL representation is 309.0° hue, 100.0% saturation, and 47.1% lightness.

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#F000CC

RGB240, 0, 204

HSL309.0°, 100.0%, 47.1%

CMYK0%, 100%, 15%, 6%

HSV309.0°, 100.0%, 94.1%

LAB55.0, 89.1, -40.8

XYZ46.8, 22.9, 59.1

Decimal15728844

Color Harmonies

Complementary

#F000CC #00EF24

Analogous

#9C00EF #EF0053

Triadic

#CBEF00 #00CBEF

Tetradic

#EF9B00 #00EF24 #0054EF

Tints, Shades & Tones

Tints (Adding White)

#F000CC

#F11CD1

#F338D7

#F555DD

#F671E2

#F88DE8

#FAAAEE

#FBC6F3

#FDE2F9

#FFFFFF

Shades (Adding Black)

#F000CC

#D500B5

#BA009E

#A00088

#850071

#6A005A

#500044

#35002D

#1A0016

#000000

WCAG Contrast Accessibility

3.77:1

Text on #FFFFFF

AA Large

5.58:1

Text on #000000

AA

3.60:1

Text on #F8FAFC

AA Large

4.74:1

Text on #0F172A

AA

CSS Implementation

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

.text-color { color: #F000CC; }

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

Similar Colors

Fuchsia

#FF00FF