#1b863e

Color #1b863e

A moderately saturated dark green.

Closest named color Sea Green #2e8b57 · ΔE 12.12 Nearest Tailwind class green-700 #008236 · ΔE 1.9

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

Conversions

HEX

#1b863e

RGB

rgb(27, 134, 62)

HSL

hsl(139.6, 66.5%, 31.6%)

HSV / HSB

hsv(139.6, 79.9%, 52.5%)

CMYK

cmyk(79.9%, 0%, 53.7%, 47.5%)

LAB

lab(49.04, -45.54, 30.38)

LCH

lch(49.04, 54.74, 146.29)

OKLCH

oklch(54.6%, 0.1426, 149.06)

HWB

hwb(139.6, 10.6%, 47.5%)

Harmony colors

Complementary

#861b63

Analogous

#2e861b

#1b863e

#1b8674

Triadic

#1b863e

#3e1b86

#863e1b

Split-complementary

#1b863e

#741b86

#861b2e

Tetradic

#1b863e

#1b6386

#861b63

#863e1b

Square

#1b863e

#1b2e86

#861b63

#86741b

Shades

Color #1b863e mixed toward black.

#167034

#125929

#0d431f

#092d15

#04160a

Tints

Color #1b863e mixed toward white.

#25b754

#3dd870

#6ee294

#9eecb7

#cff5db

Tones

Color #1b863e mixed toward gray.

#247d41

#2d7444

#366b47

#3f624a

#485a4d

Accessibility

Aa White text on this color

4.64:1

Aa Black text on this color

4.53:1

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

Under color vision deficiencies

Protanopia

#5d5e57 · ΔE 24.4

Deuteranopia

#574f5b · ΔE 34.7

Tritanopia

#296568 · ΔE 25.2

Achromatopsia

#757575 · ΔE 25.2

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

Code

CSS

background-color: #1b863e;

Tailwind (arbitrary value)

bg-[#1b863e]

Related colors

Sea Green #2e8b57

Medium Sea Green #3cb371

Spring Green #00ff7f

Mint Cream #f5fffa

Medium Spring Green #00fa9a

Forest Green #228b22

Frequently asked questions

#1b863e (#1b863e) is rgb(27, 134, 62) in RGB.

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

Generate a palette → Check contrast