#38BDF8

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

#38BDF8

RGB

rgb(56, 189, 248)

RGBA

rgba(56, 189, 248, 1)

HSL

hsl(198.44, 93.2%, 59.61%)

HSLA

hsla(198, 93%, 60%, 1)

CMYK

cmyk(77%, 24%, 0%, 3%)

Color Palettes

Harmonious color combinations based on #38BDF8

Monochromatic

Shades and tints of the same hue

#022331

#056994

#09AFF6

#6BCFFA

#CEEFFD

Analogous

Adjacent colors on the color wheel

#3AF873

#3AF8D2

#38BDF8

#3A60F8

#733AF8

Complementary

Opposite color for maximum contrast

#38BDF8

#F8733A

Triadic

Three evenly spaced colors

#38BDF8

#F83ABF

#BFF83A

CSS Usage Examples

Background

background-color: #38BDF8;

Text

color: #38BDF8;

Border

border: 2px solid #38BDF8;

Shadow

box-shadow: 0 4px 6px #38BDF840;

Related Colors

Discover harmonious color variations

Complementary

#F87338

Opposite on color wheel

Lighter

#9BDEFB

+20% lightness

Darker

#0789C3

-20% lightness

Analogous -30°

#38F8D3

Adjacent color

Analogous +30°

#385DF8

Adjacent color