What does the color RoyalBlue mean?

Blue

RoyalBlue

#4169e1

#6787e7

#8da5ed

#b3c3f3

#d9e1f9

#4e6ece

Meaning

Trust, calm, and professionalism. The most used color in SaaS, finance, and healthcare.

History

RoyalBlue is a standard CSS/SVG named color used across browsers since early web standards.

Usage

Use RoyalBlue (#4169e1) in CSS as color: royalblue; or as #4169e1.

Preview

RoyalBlue

#4169e1

Overview

Family: Blue

Accessibility on this swatch:

(4.85:1)

Contrast vs white: 4.85:1 · vs black: 4.33:1

Formats

HEX

#4169e1

RGB

rgb(65, 105, 225)

RGBA

rgba(65, 105, 225, 1)

HSL

hsl(225, 73%, 57%)

HSV

hsv(225, 71%, 88%)

LAB

lab(47.83% 26.26 -65.26)

LCH

lch(47.83% 70.35 291.92)

OKLAB

oklab(0.5598 -0.0118 -0.1879)

OKLCH

oklch(0.5598 0.1883 266.41)

XYZ

xyz(20.82, 16.66, 73.34)

CMYK

cmyk(71%, 53%, 0%, 12%)

CSS

color: #4169e1;

CSS variable

--color-4169e1: #4169e1;

SCSS

$color-4169e1: #4169e1;

Tailwind

blue-400

Export

Developer code

:root {
  --royalblue-1: #4169e1;
}

Color psychology

Trust, calm, and professionalism. The most used color in SaaS, finance, and healthcare.

Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Blue family.

Tints

Shades

Tones

Complementary

Analogous

Triadic

Split complementary

Monochromatic

Related shades & tints

#6787e7

#8da5ed

#b3c3f3

#d9e1f9

#4e6ece

#5a72ba

#6777a7

#737b93

Similar colors

#3569e3

#4361db

#4f71ee

#1865e2

#5e71e8

#4e5ed4

#2473eb

#2f5bca

Browse more in the color name library.