#16faff

Color #16faff

A vivid, highly saturated medium cyan.

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

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

Conversions

HEX

#16faff

RGB

rgb(22, 250, 255)

HSL

hsl(181.3, 100%, 54.3%)

HSV / HSB

hsv(181.3, 91.4%, 100%)

CMYK

cmyk(91.4%, 2%, 0%, 0%)

LAB

lab(89.75, -45.4, -16.17)

LCH

lch(89.75, 48.19, 199.6)

OKLCH

oklch(89.5%, 0.1504, 197.41)

HWB

hwb(181.3, 8.6%, 0%)

Harmony colors

Complementary

#ff1b16

Analogous

#16ff90

#16faff

#1685ff

Triadic

#16faff

#ff16fa

#faff16

Split-complementary

#16faff

#ff1685

#ff9016

Tetradic

#16faff

#1b16ff

#ff1b16

#faff16

Square

#16faff

#9016ff

#ff1b16

#85ff16

Shades

Color #16faff mixed toward black.

#00e2e7

#00b5b9

#00878a

#005a5c

#002d2e

Tints

Color #16faff mixed toward white.

#3dfbff

#64fcff

#8afcff

#b1fdff

#d8feff

Tones

Color #16faff mixed toward gray.

#29e7ec

#3dd5d8

#50c2c5

#64b0b1

#779d9e

Accessibility

Aa White text on this color

1.3:1

Aa Black text on this color

16.15:1

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

Under color vision deficiencies

Protanopia

#adaffe · ΔE 35.6

Deuteranopia

#a293fe · ΔE 41.5

Tritanopia

#43fdfd · ΔE 1.8

Achromatopsia

#e2e2e2 · ΔE 24.7

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

Code

CSS

background-color: #16faff;

Tailwind (arbitrary value)

bg-[#16faff]

Related colors

Dark Turquoise #00ced1

Cadet Blue #5f9ea0

Aqua #00ffff

Azure #f0ffff

Dark Cyan #008b8b

Dark Slate Gray #2f4f4f

Frequently asked questions

#16faff (#16faff) is rgb(22, 250, 255) in RGB.

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

Generate a palette → Check contrast