#48aaeb

Color #48aaeb

A vivid, highly saturated light blue.

Closest named color Deep Sky Blue #00bfff · ΔE 11.36 Nearest Tailwind class sky-500 #00a6f4 · ΔE 2.5

Open in Palette generator Color wheel Color mixer Contrast checker Blindness simulator Gradient

Conversions

HEX

#48aaeb

RGB

rgb(72, 170, 235)

HSL

hsl(203.9, 80.3%, 60.2%)

HSV / HSB

hsv(203.9, 69.4%, 92.2%)

CMYK

cmyk(69.4%, 27.7%, 0%, 7.8%)

LAB

lab(66.61, -8.12, -40.9)

LCH

lch(66.61, 41.7, 258.77)

OKLCH

oklch(70.8%, 0.1316, 241.29)

HWB

hwb(203.9, 28.2%, 7.8%)

Harmony colors

Complementary

#eb8948

Analogous

#48ebda

#48aaeb

#4859eb

Triadic

#48aaeb

#eb48aa

#aaeb48

Split-complementary

#48aaeb

#eb4859

#ebda48

Tetradic

#48aaeb

#8948eb

#eb8948

#aaeb48

Square

#48aaeb

#da48eb

#eb8948

#59eb48

Shades

Color #48aaeb mixed toward black.

#1a95e6

#1477b9

#0f598a

#0a3c5c

#051e2e

Tints

Color #48aaeb mixed toward white.

#67b8ee

#85c6f2

#a4d5f5

#c2e3f8

#e1f1fc

Tones

Color #48aaeb mixed toward gray.

#56a7dd

#63a5d0

#71a2c2

#7e9fb5

#8c9ca7

Accessibility

Aa White text on this color

2.55:1

Aa Black text on this color

8.23:1

Black text reads better on this background (8.23:1). That passes WCAG AAA (≥7:1) for normal-size text.

Under color vision deficiencies

Protanopia

#7f7fde · ΔE 20.7

Deuteranopia

#7971da · ΔE 24

Tritanopia

#51d2cf · ΔE 23.6

Achromatopsia

#a2a2a2 · ΔE 21.6

Left half is the original, right half is the simulated appearance. See all 8 vision types →

Code

CSS

background-color: #48aaeb;

Tailwind (arbitrary value)

bg-[#48aaeb]

Related colors

Charcoal #36454f

Light Sky Blue #87cefa

Steel Blue #4682b4

Alice Blue #f0f8ff

Dodger Blue #1e90ff

Light Slate Gray #778899

Frequently asked questions

#48aaeb (#48aaeb) is rgb(72, 170, 235) in RGB.

No, #48aaeb is not web-safe. The nearest web-safe colors are among its tones and shades below.

Related tools

Colors

HEX to RGB Converter

Convert any HEX color code to its RGB and HSL equivalents, live, with copy-to-clipboard values.

Try it → Accessibility

Contrast Checker

Check the WCAG contrast ratio between any two colors, live, with AA/AAA pass-fail results.

Try it → Generators

Palette Generator

Generate complementary, analogous, triadic, split-complementary, tetradic, square, and monochromatic palettes from any base color.

Try it →

Build something with this color

Generate a full palette from #48aaeb, or check how it holds up for accessibility.

Generate a palette → Check contrast