HEX Color #005FF0 (Royalblue)

About #005FF0

The precise color #005FF0 is an excellent choice for modern design projects. Designers often compare it to the standard color Royalblue. To achieve this exact tint on a monitor, you would use an RGB mix of 0, 95, and 240.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). This specific hue requires a mix of 100% C, 60% M, 0% Y, and 6% K. This makes it a relatively light color when applied to physical surfaces.

Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#005FF0

RGB0, 95, 240

HSL216.2°, 100.0%, 47.1%

CMYK100%, 60%, 0%, 6%

HSV216.2°, 100.0%, 94.1%

LAB44.9, 34.0, -78.6

XYZ19.8, 14.5, 84.2

Decimal24560

Color Harmonies

Complementary

#005FF0 #EF9100

Analogous

#00D6EF #1900EF

Triadic

#EF005E #5EEF00

Tetradic

#EF00D6 #EF9100 #00EF18

Tints, Shades & Tones

Tints (Adding White)

#005FF0

#1C70F1

#3882F3

#5594F5

#71A6F6

#8DB7F8

#AAC9FA

#C6DBFB

#E2EDFD

#FFFFFF

Shades (Adding Black)

#005FF0

#0054D5

#0049BA

#003FA0

#003485

#002A6A

#001F50

#001535

#000A1A

#000000

WCAG Contrast Accessibility

5.39:1

Text on #FFFFFF

AA

3.90:1

Text on #000000

AA Large

5.15:1

Text on #F8FAFC

AA

3.31:1

Text on #0F172A

AA Large

CSS Implementation

.bg-color { background-color: #005FF0; }

.text-color { color: #005FF0; }

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

Similar Colors

Royalblue

#4169E1