#1ef5ff

Color #1ef5ff

A vivid, highly saturated medium cyan.

Closest named color Aqua #00ffff · ΔE 7.21 Nearest Tailwind class cyan-300 #53eafd · ΔE 4.7

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

Conversions

HEX

#1ef5ff

RGB

rgb(30, 245, 255)

HSL

hsl(182.7, 100%, 55.9%)

HSV / HSB

hsv(182.7, 88.2%, 100%)

CMYK

cmyk(88.2%, 3.9%, 0%, 0%)

LAB

lab(88.35, -42.87, -18.27)

LCH

lch(88.35, 46.6, 203.08)

OKLCH

oklch(88.3%, 0.1471, 200.2)

HWB

hwb(182.7, 11.8%, 0%)

Harmony colors

Complementary

#ff281e

Analogous

#1eff99

#1ef5ff

#1e84ff

Triadic

#1ef5ff

#ff1ef5

#f5ff1e

Split-complementary

#1ef5ff

#ff1e84

#ff991e

Tetradic

#1ef5ff

#281eff

#ff281e

#f5ff1e

Square

#1ef5ff

#991eff

#ff281e

#84ff1e

Shades

Color #1ef5ff mixed toward black.

#00e3ee

#00b6be

#00888f

#005b5f

#002d30

Tints

Color #1ef5ff mixed toward white.

#44f7ff

#69f8ff

#8ffaff

#b4fcff

#dafdff

Tones

Color #1ef5ff mixed toward gray.

#31e4ec

#44d3da

#56c2c7

#69b1b4

#7ca0a1

Accessibility

Aa White text on this color

1.35:1

Aa Black text on this color

15.56:1

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

Under color vision deficiencies

Protanopia

#aaacfd · ΔE 34.9

Deuteranopia

#a091fc · ΔE 40.5

Tritanopia

#44fbfa · ΔE 3.6

Achromatopsia

#dedede · ΔE 24.4

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

Code

CSS

background-color: #1ef5ff;

Tailwind (arbitrary value)

bg-[#1ef5ff]

Related colors

Cadet Blue #5f9ea0

Dark Turquoise #00ced1

Aqua #00ffff

Azure #f0ffff

Dark Cyan #008b8b

Dark Slate Gray #2f4f4f

Frequently asked questions

#1ef5ff (#1ef5ff) is rgb(30, 245, 255) in RGB.

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

Generate a palette → Check contrast