Palatinate Blue

Meet Palatinate Blue (#273BE2), a shade that commands attention. It's an intensely saturated blue, sitting on the edge of violet, that offers a striking alternative to more common blues. Its electric quality gives it a distinct presence, making it a memorable choice for any design palette.

What color is Palatinate Blue?

What is the meaning of Palatinate Blue?

How do I use Palatinate Blue (#273BE2) in UI design?

Using Palatinate Blue color codes

Palatinate Blue

#273BE2

Access our full UI & UX library today.

What color is Palatinate Blue?

What is the meaning of Palatinate Blue?

How do I use Palatinate Blue (#273BE2) in UI design?

Using Palatinate Blue color codes

Palatinate Blue Code Conversions

HEX

#273BE2

LAB

36, 52, -85

RGB

39, 59, 226

XYZ

16.1, 9.0, 72.8

HSL

234°, 76%, 52%

LCH

36, 100, 302°

HSB

234°, 83%, 89%

LUV

36, -11, -117

CMYK

83, 74, 0, 11

CMYK

83, 74, 0, 11

HWB

234°, 15%, 11%

Palatinate Blue Color Harmonies

Analogous

Sitting next to Palatinate Blue on the color wheel, analogous colors form a cohesive and tranquil palette, ideal for creating a sense of calm.

#2799E2

#273BE2

#7027E2

#2799E2

#273BE2

#7027E2

Complementary

Complementary colors sit opposite each other on the color wheel. When paired with Palatinate Blue, they create a striking, high-contrast visual effect.

#273BE2

#E2CE27

#273BE2

#E2CE27

Split Complementary

A split complementary scheme for Palatinate Blue uses the two colors on either side of its direct opposite, offering a vibrant yet balanced palette.

#273BE2

#E27027

#99E227

#273BE2

#E27027

#99E227

Triadic

A triadic combination pairs Palatinate Blue with two other colors, forming an equilateral triangle on the color wheel for a bold, balanced effect.

#273BE2

#E2273B

#3BE227

#273BE2

#E2273B

#3BE227

Tetradic

A tetradic color scheme for Palatinate Blue is built from two complementary pairs, forming a rectangular shape on the color wheel.

#273BE2

#E22799

#E2CE27

#27E270

#273BE2

#E22799

#E2CE27

#27E270

Square

A square color scheme uses four colors evenly spaced on the color wheel. With Palatinate Blue as the base, this creates a vibrant, high-contrast palette.

#273BE2

#E22799

#E2CE27

#27E270

#273BE2

#E22799

#E2CE27

#27E270

Palatinate Blue Contrast Simulation

Text Color

#

Background Color

#

7.47

Excellent

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

Text Color

#

Background Color

#

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

7.47

Excellent

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Palatinate Blue Color Variations

Shades

Shades of Palatinate Blue are created by adding black, giving the color more depth and weight.

#273BE2

#2133C2

#1C2AA1

#162281

#111961

#0B1141

#060820

#000000

#273BE2

#2133C2

#1C2AA1

#162281

#111961

#0B1141

#060820

#000000

Tints

Tints of Palatinate Blue are lighter variations made by mixing in white for a softer look.

#273BE2

#4657E6

#6573EA

#848FEE

#A2ABF3

#C1C7F7

#E0E3FB

#FFFFFF

#273BE2

#4657E6

#6573EA

#848FEE

#A2ABF3

#C1C7F7

#E0E3FB

#FFFFFF

Tones

Tones of Palatinate Blue are created by adding gray, resulting in softer, desaturated variations.

#273BE2

#3445D4

#404FC6

#4D59B8

#5A62AA

#676C9C

#73768E

#808080

#273BE2

#3445D4

#404FC6

#4D59B8

#5A62AA

#676C9C

#73768E

#808080

Hues

Hues are variations of Palatinate Blue, differing in intensity or temperature to create specific moods.

#273BE2

#9F27E2

#E22799

#E24227

#E2CE27

#6AE227

#27E270

#27C7E2

#273BE2

#9F27E2

#E22799

#E24227

#E2CE27

#6AE227

#27E270

#27C7E2

What Interfaces Use Colors Like Palatinate Blue?

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access
with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access
with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox