Royal blue color: hex codes, shades and palettes

Palettes built around royal blue. Click any swatch to copy its hex code.

Royal blue is #4169E1 — blue. Below are its shades with hex codes, the values in every common format, and royal blue color palettes to copy.

#FF9744

#39F5E1

#C0B5FF

#E3A542

#9EDF69

#3BF289

#B7C5FF

#FF4A9F

#00C5B6

#83B2FF

#FA8CB2

#AFA035

#79B6B3

#A1BFC3

#9FC2CC

#CFE3F0

#00567E

#4D769B

#659AD2

#A7BBE7

#82E8EA

#B4C2FF

#FFA9B2

#B8C85C

#A7926F

#756446

#AD907B

#7D8EAF

#E19897

#D88E78

#16BA96

#49A4CE

#009DBE

#FF99C4

#DDB500

#64C1FF

#6C8792

#62A7C1

#9ABECB

#A1DFF3

#FFA55E

#76DB75

#55B8FF

#CD5BAF

#404C63

#2B3B69

#283042

#1D232E

#B7E8F9

#93CADA

#5EAEC3

#6F8990

#66CF85

#7CBB9A

#B4B0EC

#FFBAC4

#9CB4E5

#CBD0FF

#D1B672

#D9C576

#8FD6D9

#A2D2DA

#B4D7E4

#56778D

#899FA6

#CCE4F0

#57A7B4

#CD9393

#F88674

#653D2C

#E27B72

#6EA7CC

#6C807D

#ADC3C5

#81C8DB

#ABCCE3

#FF9C96

#673A29

#70BCAC

#1DB3EB

#AEBBD6

#797798

#D4B4F5

#DFB5E3

#DE9A5E

#00BC7A

#23B5FF

#D97CD7

#146279

#0184BB

#6CA3DC

#A5C5FF

#ABE3FA

#8FCBEA

#95AFBF

#8297A6

Royal blue hex, RGB, HSL and OKLCH

#4169E1

HEX: #4169E1
RGB: rgb(65, 105, 225)
HSL: hsl(225, 73%, 57%)
OKLCH: oklch(56.0% 0.188 266.4)
On white: 4.85:1
On black: 4.33:1

Shades of royal blue

Eleven steps from one base color, generated in OKLCH so each step is an equal perceived step rather than an equal numeric one. Click a swatch to copy it.

Contrast and readability

Royal blue on white measures 4.85:1 and on black 4.33:1. WCAG AA asks for 4.5:1 on normal text and 3:1 on large text and UI components, so the higher of those two decides which background it belongs on. In the scale above, 500 is the first to clear 4.5:1 on white, at 5.49:1.

The contrast checker reports every level for a given pair and suggests the nearest passing shade on the same hue. The color picker builds this same scale from any color you paste in.

Related colors:blue, navy, cobalt, periwinkle, transparent blue, steel blue. See every shade on the colors index.

Royal blue color: hex codes, shades and palettes

No royal blue palettes yet

Royal blue hex, RGB, HSL and OKLCH

Shades of royal blue

Contrast and readability