Royal Blue Color Code: HEX Code & RGB Code Values

Looking for specific royal blue color code? Get exact royal blue hex code #4169E1 and royal blue RGB code rgb(65,105,225). Complete color information for design and development projects featuring this vibrant, regal color.

HEX#4169E1

RGBrgb(65,105,225)

Shades of Royal Blue

Create custom shades of royal blue with our color generator. Adjust hues, tints, and tones to find the perfect shade of royal blue for your project.

Color Picker

🎨

HEX Color Value

Pick from Image

Shades (Adding Black)

• 4169E1

  rgb(65, 105, 225)
• 3A57B8

  rgb(58, 87, 184)
• 334690

  rgb(51, 70, 144)
• 2A356A

  rgb(42, 53, 106)
• 202547

  rgb(32, 37, 71)
• 151626

  rgb(21, 22, 38)
• 000000

  rgb(0, 0, 0)

Tints (Adding White)

• 4169E1

  rgb(65, 105, 225)
• 6E80E7

  rgb(110, 128, 231)
• 8F98EC

  rgb(143, 152, 236)
• AEB1F1

  rgb(174, 177, 241)
• CACAF6

  rgb(202, 202, 246)
• E5E4FB

  rgb(229, 228, 251)
• FFFFFF

  rgb(255, 255, 255)

Tones (Adding Gray)

• 4169E1

  rgb(65, 105, 225)
• 4F6AD4

  rgb(79, 106, 212)
• 5B6BC3

  rgb(91, 107, 195)
• 656CB0

  rgb(101, 108, 176)
• 6B6E9C

  rgb(107, 110, 156)
• 707087

  rgb(112, 112, 135)
• 808080

  rgb(128, 128, 128)

Royal Blue Palette

Explore curated and automatically generated color palettes featuring royal blue. See how it harmonizes with other colors for UI themes, graphics, and branding materials.

Color Picker

🎨

HEX Color Value

Sequential

Single hue gradient for data visualization

7 colors

Lightest

#E6EEFF

Light

#B8BFF6

Medium Light

#8593EC

Medium

#4169E1

Medium Dark

#304EAA

Dark

#203476

Darkest

#111C46

Diverging

Dual hue gradient with a neutral midpoint

9 colors

Base End

#4169E1

Left Dark

#7D89E7

Left Medium

#A9ACEC

Left Light

#D0D0F1

Neutral

#F5F5F5

Right Light

#F4E5C9

Right Medium

#F1D69D

Right Dark

#EAC771

Complementary End

#E1B941

Monochromatic

Same hue, different brightness/saturation

5 colors

Lightest

#FFFFFF

Light

#AEB1F1

Medium

#4169E1

Dark

#00339E

Darkest

#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors

Left Adjacent 2

#41E1B9

Left Adjacent 1

#41B9E1

Main

#4169E1

Right Adjacent 1

#6941E1

Right Adjacent 2

#B941E1

Complementary

Colors opposite on the color wheel (180° apart)

2 colors

Main

#4169E1

Complementary

#E1B941

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors

Main

#4169E1

Secondary

#E14169

Tertiary

#69E141

Square

Four colors evenly spaced (90° apart)

4 colors

Main

#4169E1

Right 90°

#E141B9

Complementary

#E1B941

Left 90°

#41E169

Tetradic

Two pairs of complementary colors

4 colors

Main

#4169E1

Secondary

#B941E1

Complementary

#E1B941

Complementary Secondary

#69E141

Split Complementary

Complementary colors ±30°

3 colors

Main

#4169E1

Split Left

#E16941

Split Right

#B9E141

Cyclic

Circular gradient for periodic data

8 colors

0°

#4169E1

45°

#9141E1

90°

#E141B9

135°

#E14141

180°

#E1B941

225°

#91E141

270°

#41E169

315°

#41E1E1

Pastel

Soft, desaturated colors for modern UI

6 colors

Light Pastel

#A2AAC3

Pastel 1

#AEB5CB

Pastel 2

#BBC1D3

Pastel 3

#C7CCDB

Pastel 4

#D4D7E3

Deep Pastel

#E0E3EB

Common Blue Color Codes (HEX & RGB)

Blue →

HEX:#0000FF

RGB:rgb(0, 0, 255)

Navy Blue →

HEX:#000080

RGB:rgb(0, 0, 128)

Dark Blue →

HEX:#00008B

RGB:rgb(0, 0, 139)

Light Blue →

HEX:#ADD8E6

RGB:rgb(173, 216, 230)

Royal Blue →

HEX:#4169E1

RGB:rgb(65, 105, 225)

Sky Blue →

HEX:#87CEEB

RGB:rgb(135, 206, 235)

Baby Blue →

HEX:#89CFF0

RGB:rgb(137, 207, 240)

Electric Blue →

HEX:#7DF9FF

RGB:rgb(125, 249, 255)

Indigo →

HEX:#4B0082

RGB:rgb(75, 0, 130)

Turquoise →

HEX:#40E0D0

RGB:rgb(64, 224, 208)

Cyan →

HEX:#00FFFF

RGB:rgb(0, 255, 255)

Extract Royal Blue Hex & RGB Codes from Image

Upload a photo to find the exact royal blue HEX and RGB codes.

click or drag your image here

Supported formats: JPG, PNG, WebP

Royal Blue Color Code Converter

Instantly convert between HEX, RGB, CMYK, and more for royal blue shades.

Color Picker

🎨

HEX Color Value

All Formats:

• HEX:
  #4169E1
• RGB:
  rgb(65, 105, 225)
• CMYK:
  cmyk(71%, 53%, 0%, 12%)
• HSV:
  hsv(225°, 71%, 88%)
• HSL:
  hsl(225°, 73%, 57%)

---

What is Royal Blue?

Royal blue is a vibrant, saturated blue with regal associations. The color takes its name from the deep blue dye used in the robes of European royalty during the Renaissance. Historically, this shade was achieved using indigo and woad dyes, which were expensive and reserved for nobility. Today, royal blue is a symbol of prestige, wisdom, and loyalty.

The hex code for royal blue is #4169E1, with RGB values of rgb(65, 105, 225). The color balances a strong blue channel with moderate green and minimal red, creating a rich yet approachable blue. Its CMYK values emphasize cyan with significant magenta, producing a vibrant, jewel-toned appearance in print.

Royal Blue vs Similar Colors

Royal blue stands out among vibrant blues:

Color	HEX Code	Key Difference
Royal Blue	#4169E1	Vibrant, regal blue
Navy Blue	#000080	Darker, more formal
Cobalt Blue	#0047AB	Deeper, more intense
Azure	#007FFF	Brighter, more sky-like

Royal blue is brighter than navy but darker than azure. It has more depth than pure cyan, making it feel richer and more luxurious.

Color Psychology and Meaning

Royal blue carries significant symbolic weight:

• Royalty and nobility: Historically worn by kings and queens, royal blue still conveys luxury and exclusivity
• Trust and wisdom: Used by financial institutions and educational organizations
• Loyalty and devotion: Associated with patriotism in many countries, including the UK and US
• Creativity and inspiration: The color of clear skies and deep oceans

Using Royal Blue in Design

Royal blue's vibrancy makes it versatile:

Web and UI Design: Royal blue works beautifully for tech brands, creative agencies, and e-commerce platforms. It creates energetic CTAs, eye-catching hero sections, and memorable brand accents. Use sparingly to avoid overwhelming the design.

Graphic Design: Royal blue shines in event branding, sports merchandise, and premium packaging. Pair with gold or silver for awards and certificates, or with white for clean, modern designs.

Fashion and Interiors: A bold fashion choice, royal blue commands attention in clothing and accessories. In interiors, it adds drama as an accent wall or statement furniture piece.

Color Harmony and Combinations

Royal blue pairs well with:

• Monochromatic: Light blue, lavender, and white create soft, airy palettes
• Complementary: Orange or peach provides energetic contrast
• Analogous: Purple, teal, and navy create cohesive blue-based schemes
• Metallic accents: Gold, silver, and bronze elevate royal blue to luxury status

For accessibility, royal blue (#4169E1) on white achieves approximately 4.5:1 contrast — meets WCAG AA for normal text.

Frequently Asked Questions

What is the royal blue hex code?

The royal blue hex code is #4169E1. This vibrant blue is widely used in branding and design.

What colors go well with royal blue?

Royal blue pairs beautifully with gold, white, cream, orange, peach, and lavender.

Is royal blue the same as navy blue?

No. Royal blue (#4169E1) is significantly brighter and more vibrant than navy blue (#000080).

What are the RGB values for royal blue?

The royal blue RGB code is rgb(65, 105, 225) — balanced blue and green with minimal red.

What is royal blue's CMYK value?

Royal blue CMYK is approximately C:71, M:53, Y:0, K:12, producing its characteristic vibrant blue in print.