#74aecc

Color #74aecc

A moderately saturated light blue.

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

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

Conversions

HEX

#74aecc

RGB

rgb(116, 174, 204)

HSL

hsl(200.5, 46.3%, 62.7%)

HSV / HSB

hsv(200.5, 43.1%, 80%)

CMYK

cmyk(43.1%, 14.7%, 0%, 20%)

LAB

lab(68.27, -10.99, -21.15)

LCH

lch(68.27, 23.83, 242.54)

OKLCH

oklch(72.2%, 0.0745, 231.65)

HWB

hwb(200.5, 45.5%, 20%)

Harmony colors

Complementary

#cc9274

Analogous

#74ccbe

#74aecc

#7482cc

Triadic

#74aecc

#cc74ae

#aecc74

Split-complementary

#74aecc

#cc7482

#ccbe74

Tetradic

#74aecc

#9274cc

#cc9274

#aecc74

Square

#74aecc

#be74cc

#cc9274

#82cc74

Shades

Color #74aecc mixed toward black.

#4d97be

#397a9c

#2b5c75

#1d3d4e

#0e1f27

Tints

Color #74aecc mixed toward white.

#8bbbd4

#a2c9dd

#b9d6e5

#d1e4ee

#e8f1f6

Tones

Color #74aecc mixed toward gray.

#7bacc5

#83a9bd

#8aa7b6

#91a5af

#99a2a7

Accessibility

Aa White text on this color

2.42:1

Aa Black text on this color

8.67:1

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

Under color vision deficiencies

Protanopia

#9191c5 · ΔE 18.3

Deuteranopia

#8d89c4 · ΔE 19.3

Tritanopia

#78c0bf · ΔE 13.6

Achromatopsia

#a6a6a6 · ΔE 16.6

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

Code

CSS

background-color: #74aecc;

Tailwind (arbitrary value)

bg-[#74aecc]

Related colors

Light Sky Blue #87cefa

Sky Blue #87ceeb

Charcoal #36454f

Deep Sky Blue #00bfff

Light Blue #add8e6

Steel Blue #4682b4

Frequently asked questions

#74aecc (#74aecc) is rgb(116, 174, 204) in RGB.

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

Generate a palette → Check contrast