#01824C

Color Details

HEX
#01824C
RGB
rgb(1, 130, 76)
HSL
hsl(155, 98%, 26%)
CMYK
cmyk(99%, 0%, 42%, 49%)
Best text on this color #FFFFFF (CR 4.89:1) Determined by WCAG contrast ratio

Readability Previews

Black on #01824c
Contrast 4.30:1 Fail
White on #01824c
Contrast 4.89:1 AA
#01824c on Black
Contrast 4.30:1 Fail
#01824c on White
Contrast 4.89:1 AA

Tints & Shades

#349b70
#67b494
#99cdb7
#01683d
#014e2e
#00341e

Complement & Analogous

#830137
#017883
#01830c

Triadic

#4d0183
#834d01

Monochrome

#00341e #014e2e #01824c #67b494 #99cdb7 #cce6db

Analogous

#01830c #4da855 #01824c #34939c #017883 #016069

Complementary Mix

#014e2e #01824c #67b494 #830137 #ae5a7d #550124

Nearby Colors

#01824b
#01824d
#01823c
#01825c

Embed #01824C swatch

Embed this swatch

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

Open image

About #01824C

#01824C converts to RGB(1, 130, 76) and HSL(155, 98%, 26%). 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).

#01824C FAQs

What is the RGB value of #01824C?
RGB: 1, 130, 76. Copy as CSS: rgb(1, 130, 76)
Is #01824C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #01824C?
Complement: #830137.
Does #01824C have good contrast on white or black?
On white: 4.89:1 (AA (normal text)). On black: 4.30:1 (AA (large text)).