HEX Color #F807D3 (Fuchsia)

About #F807D3

The precise color #F807D3 is an excellent choice for modern design projects. It is closely associated with the named CSS color Fuchsia. Its digital footprint relies on 248 parts red, 7 parts green, and 211 parts blue light.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 0% cyan and 97% magenta inks. 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. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#F807D3

RGB248, 7, 211

HSL309.2°, 94.5%, 50.0%

CMYK0%, 97%, 15%, 3%

HSV309.2°, 97.2%, 97.3%

LAB56.9, 90.9, -41.6

XYZ50.5, 24.8, 63.8

Decimal16254931

Color Harmonies

Complementary

#F807D3 #07F72C

Analogous

#A407F7 #F7075A

Triadic

#D2F707 #07D2F7

Tetradic

#F7A407 #07F72C #075AF7

Tints, Shades & Tones

Tints (Adding White)

#F807D3

#F822D7

#F93EDC

#FA59E1

#FB75E6

#FB90EB

#FCACF0

#FDC7F5

#FEE3FA

#FFFFFF

Shades (Adding Black)

#F807D3

#DC06BB

#C005A4

#A5048C

#890375

#6E035D

#520246

#37012E

#1B0017

#000000

WCAG Contrast Accessibility

3.52:1

Text on #FFFFFF

AA Large

5.96:1

Text on #000000

AA

3.37:1

Text on #F8FAFC

AA Large

5.07:1

Text on #0F172A

AA

CSS Implementation

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

.text-color { color: #F807D3; }

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

Similar Colors

Fuchsia

#FF00FF