HEX Color #0075F8 (Royalblue)

About #0075F8

The precise color #0075F8 is an excellent choice for modern design projects. It is closely associated with the named CSS color Royalblue. Its digital footprint relies on 0 parts red, 117 parts green, and 248 parts blue light.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 100% cyan and 53% magenta inks. This makes it a relatively light color when applied to physical surfaces.

From a UX and accessibility standpoint, contrast is paramount. The calculated luminance score dictates that #000000 typography is the safest choice. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#0075F8

RGB0, 117, 248

HSL211.7°, 100.0%, 48.6%

CMYK100%, 53%, 0%, 3%

HSV211.7°, 100.0%, 97.3%

LAB51.3, 23.0, -72.6

XYZ23.3, 19.5, 91.3

Decimal30200

Color Harmonies

Complementary

#0075F8 #F88300

Analogous

#00F1F8 #0600F8

Triadic

#F80074 #74F800

Tetradic

#F800F1 #F88300 #00F806

Tints, Shades & Tones

Tints (Adding White)

#0075F8

#1C84F8

#3893F9

#55A3FA

#71B2FB

#8DC1FB

#AAD1FC

#C6E0FD

#E2EFFE

#FFFFFF

Shades (Adding Black)

#0075F8

#0068DC

#005BC0

#004EA5

#004189

#00346E

#002752

#001A37

#000D1B

#000000

WCAG Contrast Accessibility

4.29:1

Text on #FFFFFF

AA Large

4.90:1

Text on #000000

AA

4.10:1

Text on #F8FAFC

AA Large

4.17:1

Text on #0F172A

AA Large

CSS Implementation

.bg-color { background-color: #0075F8; }

.text-color { color: #0075F8; }

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

Similar Colors

Royalblue

#4169E1