#4abfb7

Color #4abfb7

A moderately saturated medium cyan.

Closest named color Light Sea Green #20b2aa · ΔE 6.06 Nearest Tailwind class teal-500 #00bba7 · ΔE 5.3

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

Conversions

HEX

#4abfb7

RGB

rgb(74, 191, 183)

HSL

hsl(175.9, 47.8%, 52%)

HSV / HSB

hsv(175.9, 61.3%, 74.9%)

CMYK

cmyk(61.3%, 0%, 4.2%, 25.1%)

LAB

lab(70.96, -34.41, -5.73)

LCH

lch(70.96, 34.88, 189.45)

OKLCH

oklch(73.7%, 0.1047, 188.84)

HWB

hwb(175.9, 29%, 25.1%)

Harmony colors

Complementary

#bf4a52

Analogous

#4abf7d

#4abfb7

#4a8dbf

Triadic

#4abfb7

#b74abf

#bfb74a

Split-complementary

#4abfb7

#bf4a8d

#bf7d4a

Tetradic

#4abfb7

#4a52bf

#bf4a52

#bfb74a

Square

#4abfb7

#7d4abf

#bf4a52

#8dbf4a

Shades

Color #4abfb7 mixed toward black.

#3aa39c

#2e837d

#23625e

#17413e

#0c211f

Tints

Color #4abfb7 mixed toward white.

#68cac3

#86d4cf

#a5dfdb

#c3eae7

#e1f4f3

Tones

Color #4abfb7 mixed toward gray.

#54b5af

#5eaca6

#67a29e

#719895

#7b8e8d

Accessibility

Aa White text on this color

2.23:1

Aa Black text on this color

9.43:1

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

Under color vision deficiencies

Protanopia

#8d8eb9 · ΔE 30.4

Deuteranopia

#867db9 · ΔE 35.1

Tritanopia

#55bbbb · ΔE 3.4

Achromatopsia

#aeaeae · ΔE 22.9

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

Code

CSS

background-color: #4abfb7;

Tailwind (arbitrary value)

bg-[#4abfb7]

Related colors

Light Sea Green #20b2aa

Medium Turquoise #48d1cc

Turquoise #40e0d0

Aqua #00ffff

Azure #f0ffff

Dark Cyan #008b8b

Frequently asked questions

#4abfb7 (#4abfb7) is rgb(74, 191, 183) in RGB.

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

Generate a palette → Check contrast