HEX Color #3A00F8 (Blue)

About #3A00F8

When working with digital screens, the color #3A00F8 is rendered by mixing light. Its closest recognized web color is Blue. Its digital footprint relies on 58 parts red, 0 parts green, and 248 parts blue light.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). The color uses 77% Cyan, 100% Magenta, 0% Yellow, and 3% Black. The HSL representation is 254.0° hue, 100.0% saturation, and 48.6% lightness.

Ensuring your text is legible against this background is a key part of web design. Because it is a medium color, it is generally recommended to use #FFFFFF text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#3A00F8

RGB58, 0, 248

HSL254.0°, 100.0%, 48.6%

CMYK77%, 100%, 0%, 3%

HSV254.0°, 100.0%, 97.3%

LAB33.3, 78.2, -102.2

XYZ18.7, 7.7, 89.3

Decimal3801336

Color Harmonies

Complementary

#3A00F8 #BEF800

Analogous

#0042F8 #B600F8

Triadic

#F83900 #00F839

Tetradic

#F80041 #BEF800 #00F8B5

Tints, Shades & Tones

Tints (Adding White)

#3A00F8

#4F1CF8

#6538F9

#7B55FA

#9171FB

#A78DFB

#BDAAFC

#D3C6FD

#E9E2FE

#FFFFFF

Shades (Adding Black)

#3A00F8

#3300DC

#2D00C0

#2600A5

#200089

#19006E

#130052

#0C0037

#06001B

#000000

WCAG Contrast Accessibility

8.28:1

Text on #FFFFFF

AAA

2.54:1

Text on #000000

FAIL

7.92:1

Text on #F8FAFC

AAA

2.16:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #3A00F8; }

.text-color { color: #3A00F8; }

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

Similar Colors

Blue

#0000FF