#048414

Color #048414

A vivid, highly saturated dark green.

Closest named color Green #008000 · ΔE 3.46 Nearest Tailwind class green-700 #008236 · ΔE 5

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

Conversions

HEX

#048414

RGB

rgb(4, 132, 20)

HSL

hsl(127.5, 94.1%, 26.7%)

HSV / HSB

hsv(127.5, 97%, 51.8%)

CMYK

cmyk(97%, 0%, 84.8%, 48.2%)

LAB

lab(47.72, -51.72, 46.78)

LCH

lch(47.72, 69.74, 137.87)

OKLCH

oklch(53.3%, 0.1741, 143.45)

HWB

hwb(127.5, 1.6%, 48.2%)

Harmony colors

Complementary

#840474

Analogous

#348404

#048414

#048454

Triadic

#048414

#140484

#841404

Split-complementary

#048414

#540484

#840434

Tetradic

#048414

#047484

#840474

#841404

Square

#048414

#043484

#840474

#845404

Shades

Color #048414 mixed toward black.

#036e11

#03580d

#02420a

#012c07

#011603

Tints

Color #048414 mixed toward white.

#06c11d

#0df82a

#4af960

#86fb95

#c3fdca

Tones

Color #048414 mixed toward gray.

#0f791c

#196f24

#24642c

#2f5934

#394f3c

Accessibility

Aa White text on this color

4.87:1

Aa Black text on this color

4.32:1

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

Under color vision deficiencies

Protanopia

#595a46 · ΔE 23.7

Deuteranopia

#534b4d · ΔE 36.4

Tritanopia

#1e5b5f · ΔE 30.8

Achromatopsia

#717171 · ΔE 27.3

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

Code

CSS

background-color: #048414;

Tailwind (arbitrary value)

bg-[#048414]

Related colors

Forest Green #228b22

Mint Green #98ff98

Dark Green #006400

Dark Sea Green #8fbc8f

Green #008000

Honeydew #f0fff0

Frequently asked questions

#048414 (#048414) is rgb(4, 132, 20) in RGB.

No, #048414 is not one of the 216 web-safe colors — for that, every RGB channel would have to be a multiple of 51.

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

Generate a palette → Check contrast