#7bddef

Color #7bddef

A vivid, highly saturated light cyan.

Closest named color Sky Blue #87ceeb · ΔE 10.66 Nearest Tailwind class cyan-300 #53eafd · ΔE 4.6

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

Conversions

HEX

#7bddef

RGB

rgb(123, 221, 239)

HSL

hsl(189.3, 78.4%, 71%)

HSV / HSB

hsv(189.3, 48.5%, 93.7%)

CMYK

cmyk(48.5%, 7.5%, 0%, 6.3%)

LAB

lab(82.99, -24.15, -17.73)

LCH

lch(82.99, 29.96, 216.28)

OKLCH

oklch(84.4%, 0.0956, 210.78)

HWB

hwb(189.3, 48.2%, 6.3%)

Harmony colors

Complementary

#ef8d7b

Analogous

#7befc7

#7bddef

#7ba3ef

Triadic

#7bddef

#ef7bdd

#ddef7b

Split-complementary

#7bddef

#ef7ba3

#efc77b

Tetradic

#7bddef

#8d7bef

#ef8d7b

#ddef7b

Square

#7bddef

#c77bef

#ef8d7b

#a3ef7b

Shades

Color #7bddef mixed toward black.

#45cfe9

#1abad7

#148ba1

#0d5d6c

#072e36

Tints

Color #7bddef mixed toward white.

#91e3f2

#a7e8f4

#bdeef7

#d3f4fa

#e9f9fc

Tones

Color #7bddef mixed toward gray.

#85d6e5

#8ed0dc

#98c9d2

#a2c2c8

#abbcbf

Accessibility

Aa White text on this color

1.56:1

Aa Black text on this color

13.43:1

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

Under color vision deficiencies

Protanopia

#aeafeb · ΔE 25.8

Deuteranopia

#a9a1ea · ΔE 28.4

Tritanopia

#82e7e7 · ΔE 6.9

Achromatopsia

#cfcfcf · ΔE 20.6

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

Code

CSS

background-color: #7bddef;

Tailwind (arbitrary value)

bg-[#7bddef]

Related colors

Powder Blue #b0e0e6

Light Blue #add8e6

Deep Sky Blue #00bfff

Cadet Blue #5f9ea0

Sky Blue #87ceeb

Dark Turquoise #00ced1

Frequently asked questions

#7bddef (#7bddef) is rgb(123, 221, 239) in RGB.

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

Generate a palette → Check contrast