Maroon Colors  ·  Color Library

Palettes / Colors / #9090EA

#9090EA — Light Blue

#9090EA is a blue color we call Light Blue, closest to the named color CornflowerBlue (#6495ED). It belongs to the blue family.

#9090EA is a cool blue color associated with trust, calm and professionalism. It is saturated enough to be the accent — buttons, highlights and calls to action — while neutrals do the quiet work around it.

Its strongest partner is its complement #EAEA90; it also sits naturally between #90BDEA and #BD90EA. In the palettes below you can see it working alongside real color combinations from our collection.

#9090EA · RGB 144, 144, 234

Download PNG swatch SVG

Color values

HEX#9090EA
RGB144, 144, 234
HSL240°, 68%, 74%
HSV240°, 38%, 92%
CMYK38%, 38%, 0%, 8%
XYZ36.33, 31.82, 82.07
Yxy31.82, 0.2418, 0.2118
CIE-Lab63.19, 21.51, -45.48
Hunter Lab56.41, 19.56, -51.77

RGB & CMYK percentages

Red 56% · Green 56% · Blue 92%

Cyan 38% · Magenta 38% · Yellow 0% · Key 8%

Previews

Sample text in #9090EA on black
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sample text in #9090EA on white
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

CSS code for #9090EA

.text { color: #9090EA; }
.background { background-color: #9090EA; }
.border { border: 3px solid #9090EA; }
.text-rgb { color: rgb(144, 144, 234); }
.text-hsl { color: hsl(240, 68%, 74%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #9090EA; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(144, 144, 234, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #9090EA; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(144, 144, 234, 0.8); }

HTML: <p style="color:#9090EA">Text here</p> · <div style="background-color:#9090EA">Div content here</div>

Shades of #9090EA

#7272E4#5454DE#3636D9#2626C5#2020A7#1A1A89#14146B#0F0F4D#09092F#030311

Tints of #9090EA

#9898EB#A1A1ED#AEAEEF#B6B6F1#BFBFF3#C7C7F4#D0D0F6#DDDDF8#E5E5FA#EEEEFC

Tones of #9090EA

#9696E3#9C9CDD#A3A3D7#A9A9D0#B0B0C9#B6B6C3

Color harmonies

Complementary — #EAEA90:

Analogous:

Triadic:

Contrast & accessibility

Against white text2.85:1 Fails
Against black text7.36:1 AAA

Best text color on #9090EA: #000000.

How #9090EA looks with color blindness

Simulated with standard Machado color-vision-deficiency matrices — useful when this color carries meaning in charts, maps or interfaces:

Protanopia · #9090D4Deuteranopia · #9090CFTritanopia · #90C3BF

Closest design-system colors

The nearest matches in the Tailwind CSS, Material Design and Bootstrap palettes — handy when you need a framework class instead of a raw hex:

Tailwind violet 500 · #8B5CF6Tailwind indigo 500 · #6366F1Tailwind purple 500 · #A855F7

Palettes with #9090EA or a close neighbour

Scarlet Cinder
#908EE6 · #4F4BD8 · #2E2AC5 · #121155
Gentle Ruby Cinder
#978AEA · #241297 · #190E5D · #10083F
Palette Fbf46d
#FBF46D · #B4FE98 · #77E4D4 · #998CEB
Rustic Marble
#C0C0F7 · #9797ED · #5555E7 · #1B1BC1
Lucky Ruby Ember
#BFA815 · #ECE24F · #2F49E8 · #9997ED
Palette 8ef6e4
#8EF6E4 · #9896F1 · #D59BF6 · #EDB1F1

Similar colors

The closest colors that actually appear in our palette collection — click any to open its page:

#908EE6#978AEA#998CEB#9797ED#9997ED#9896F1#9195F6#9D96EA#9E92EF#9C97E2#8E8FFA#9288F8

Browse neighbouring colors

← #9090E9  ·  #9090EB →

Frequently asked questions

What color is #9090EA?

#9090EA is Light Blue, a blue color (RGB 144, 144, 234). Its closest standard named color is CornflowerBlue.

What is the RGB and HSL of #9090EA?

#9090EA is RGB 144, 144, 234 — HSL 240°, 68%, 74% — CMYK 38%, 38%, 0%, 8%.

What colors go with #9090EA?

Its complement is #EAEA90; analogous partners are #90BDEA and #BD90EA. It also appears in 6+ palettes in our collection.

Can I use #9090EA for text?

Black text on #9090EA has a contrast ratio of 7.36:1 (passes WCAG AA); white text gives 2.85:1.