#00481C

Color Details

HEX
#00481C
RGB
rgb(0, 72, 28)
HSL
hsl(143, 100%, 14%)
CMYK
cmyk(100%, 0%, 61%, 72%)
Best text on this color #FFFFFF (CR 10.80:1) Determined by WCAG contrast ratio

Readability Previews

Black on #00481c
Contrast 1.94:1 Fail
White on #00481c
Contrast 10.80:1 AAA
#00481c on Black
Contrast 1.94:1 Fail
#00481c on White
Contrast 10.80:1 AAA

Tints & Shades

#336d49
#669177
#99b6a4
#003a16
#002b11
#001d0b

Complement & Analogous

#47002c
#00473f
#084700

Triadic

#1b0047
#471b00

Monochrome

#001d0b #002b11 #00481c #669177 #99b6a4 #ccdad2

Analogous

#084700 #527e4d #00481c #336c65 #00473f #003932

Complementary Mix

#002b11 #00481c #669177 #47002c #875976 #2e001d

Nearby Colors

#00481b
#00481d
#00480c
#00482c

Embed #00481C swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #00481C

#00481C converts to RGB(0, 72, 28) and HSL(143, 100%, 14%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#00481C FAQs

What is the RGB value of #00481C?
RGB: 0, 72, 28. Copy as CSS: rgb(0, 72, 28)
Is #00481C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #00481C?
Complement: #47002c.
Does #00481C have good contrast on white or black?
On white: 10.80:1 (AAA (normal text)). On black: 1.94:1 (Fails AA).