#0EA5E9

Share this color with others or download a color card image with HEX and RGB values. Perfect for social media, presentations, or design reference.

All Formats

HEX

#0EA5E9

RGB

rgb(14, 165, 233)

RGBA

rgba(14, 165, 233, 1)

HSL

hsl(198.63, 88.66%, 48.43%)

HSLA

hsla(199, 89%, 48%, 1)

CMYK

cmyk(94%, 29%, 0%, 9%)

Color Palettes

Harmonious color combinations based on #0EA5E9

Monochromatic

Shades and tints of the same hue

#032230

#086591

#0EA9F1

#6ECBF7

#CFEEFC

Analogous

Adjacent colors on the color wheel

#0DE752

#0DE7BF

#0EA5E9

#0D35E7

#520DE7

Complementary

Opposite color for maximum contrast

#0EA5E9

#E7520D

Triadic

Three evenly spaced colors

#0EA5E9

#E70DA2

#A2E70D

CSS Usage Examples

Background

background-color: #0EA5E9;

Text

color: #0EA5E9;

Border

border: 2px solid #0EA5E9;

Shadow

box-shadow: 0 4px 6px #0EA5E940;

Related Colors

Discover harmonious color variations

Complementary

#E9520E

Opposite on color wheel

Lighter

#67CAF6

+20% lightness

Darker

#086189

-20% lightness

Analogous -30°

#0EE9BF

Adjacent color

Analogous +30°

#0E38E9

Adjacent color