#7fdcdf

Color #7fdcdf

A moderately saturated light cyan.

Closest named color Pale Turquoise #afeeee · ΔE 11.18 Nearest Tailwind class cyan-300 #53eafd · ΔE 6.4

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

Conversions

HEX

#7fdcdf

RGB

rgb(127, 220, 223)

HSL

hsl(181.9, 60%, 68.6%)

HSV / HSB

hsv(181.9, 43%, 87.5%)

CMYK

cmyk(43%, 1.3%, 0%, 12.5%)

LAB

lab(82.39, -26.87, -10.13)

LCH

lch(82.39, 28.72, 200.66)

OKLCH

oklch(83.8%, 0.0889, 198.29)

HWB

hwb(181.9, 49.8%, 12.5%)

Harmony colors

Complementary

#df827f

Analogous

#7fdfb2

#7fdcdf

#7facdf

Triadic

#7fdcdf

#df7fdc

#dcdf7f

Split-complementary

#7fdcdf

#df7fac

#dfb27f

Tetradic

#7fdcdf

#827fdf

#df827f

#dcdf7f

Square

#7fdcdf

#b27fdf

#df827f

#acdf7f

Shades

Color #7fdcdf mixed toward black.

#50cfd3

#2fb6bb

#23898c

#175b5d

#0c2e2f

Tints

Color #7fdcdf mixed toward white.

#94e2e4

#aae8ea

#bfedef

#d4f3f4

#eaf9fa

Tones

Color #7fdcdf mixed toward gray.

#87d4d7

#8fcdcf

#97c5c7

#9fbebf

#a7b6b7

Accessibility

Aa White text on this color

1.59:1

Aa Black text on this color

13.21:1

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

Under color vision deficiencies

Protanopia

#afb0de · ΔE 27.3

Deuteranopia

#aaa2de · ΔE 30.2

Tritanopia

#86dede · ΔE 1.3

Achromatopsia

#cdcdcd · ΔE 21

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

Code

CSS

background-color: #7fdcdf;

Tailwind (arbitrary value)

bg-[#7fdcdf]

Related colors

Cadet Blue #5f9ea0

Dark Turquoise #00ced1

Aqua #00ffff

Azure #f0ffff

Dark Cyan #008b8b

Dark Slate Gray #2f4f4f

Frequently asked questions

#7fdcdf (#7fdcdf) is rgb(127, 220, 223) in RGB.

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

Generate a palette → Check contrast