#4b7764

Color #4b7764

A muted dark green.

Closest named color Teal #008080 · ΔE 16.9 Nearest Tailwind class teal-700 #00786f · ΔE 8.4

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

Conversions

HEX

#4b7764

RGB

rgb(75, 119, 100)

HSL

hsl(154.1, 22.7%, 38%)

HSV / HSB

hsv(154.1, 37%, 46.7%)

CMYK

cmyk(37%, 0%, 16%, 53.3%)

LAB

lab(46.46, -19.8, 5.68)

LCH

lch(46.46, 20.6, 163.99)

OKLCH

oklch(53.1%, 0.0576, 165.31)

HWB

hwb(154.1, 29.4%, 53.3%)

Harmony colors

Complementary

#774b5e

Analogous

#4b774e

#4b7764

#4b7477

Triadic

#4b7764

#644b77

#77644b

Split-complementary

#4b7764

#774b74

#774e4b

Tetradic

#4b7764

#4b5e77

#774b5e

#77644b

Square

#4b7764

#4e4b77

#774b5e

#74774b

Shades

Color #4b7764 mixed toward black.

#3e6353

#324f43

#253b32

#192821

#0c1411

Tints

Color #4b7764 mixed toward white.

#5f977f

#7eae99

#9ec2b2

#bed6cc

#dfebe5

Tones

Color #4b7764 mixed toward gray.

#4f7363

#527063

#566c62

#5a6862

#5d6561

Accessibility

Aa White text on this color

5.09:1

Aa Black text on this color

4.12:1

White text reads better on this background (5.09:1). That passes WCAG AA (≥4.5:1) for normal-size text, but not AAA.

Under color vision deficiencies

Protanopia

#616169 · ΔE 21.6

Deuteranopia

#5e5b6a · ΔE 25.5

Tritanopia

#4e6d6e · ΔE 10.1

Achromatopsia

#6e6e6e · ΔE 17.8

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

Code

CSS

background-color: #4b7764;

Tailwind (arbitrary value)

bg-[#4b7764]

Related colors

Medium Spring Green #00fa9a

Mint Cream #f5fffa

Spring Green #00ff7f

Medium Aquamarine #66cdaa

Aquamarine #7fffd4

Medium Sea Green #3cb371

Frequently asked questions

#4b7764 (#4b7764) is rgb(75, 119, 100) in RGB.

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

Generate a palette → Check contrast