#78afcd

Color #78afcd

A moderately saturated light blue.

Closest named color Sky Blue #87ceeb · ΔE 11.4 Nearest Tailwind class cyan-500 #00b8db · ΔE 8.7

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

Conversions

HEX

#78afcd

RGB

rgb(120, 175, 205)

HSL

hsl(201.2, 45.9%, 63.7%)

HSV / HSB

hsv(201.2, 41.5%, 80.4%)

CMYK

cmyk(41.5%, 14.6%, 0%, 19.6%)

LAB

lab(68.79, -10.24, -20.89)

LCH

lch(68.79, 23.26, 243.89)

OKLCH

oklch(72.7%, 0.0723, 232.99)

HWB

hwb(201.2, 47.1%, 19.6%)

Harmony colors

Complementary

#cd9678

Analogous

#78cdc0

#78afcd

#7884cd

Triadic

#78afcd

#cd78af

#afcd78

Split-complementary

#78afcd

#cd7884

#cdc078

Tetradic

#78afcd

#9678cd

#cd9678

#afcd78

Square

#78afcd

#c078cd

#cd9678

#84cd78

Shades

Color #78afcd mixed toward black.

#5097be

#3b7b9e

#2c5c76

#1d3d4f

#0f1f27

Tints

Color #78afcd mixed toward white.

#8ebcd5

#a5cade

#bbd7e6

#d2e4ee

#e8f2f7

Tones

Color #78afcd mixed toward gray.

#7fadc6

#86abbf

#8da9b8

#94a7b1

#9ba5aa

Accessibility

Aa White text on this color

2.38:1

Aa Black text on this color

8.81:1

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

Under color vision deficiencies

Protanopia

#9394c6 · ΔE 17.5

Deuteranopia

#908bc5 · ΔE 18.9

Tritanopia

#7cc1c0 · ΔE 13.7

Achromatopsia

#a8a8a8 · ΔE 16.3

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

Code

CSS

background-color: #78afcd;

Tailwind (arbitrary value)

bg-[#78afcd]

Related colors

Light Sky Blue #87cefa

Charcoal #36454f

Sky Blue #87ceeb

Deep Sky Blue #00bfff

Steel Blue #4682b4

Light Blue #add8e6

Frequently asked questions

#78afcd (#78afcd) is rgb(120, 175, 205) in RGB.

No, #78afcd 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 #78afcd, or check how it holds up for accessibility.

Generate a palette → Check contrast