#143C1C

Color Details

HEX
#143C1C
RGB
rgb(20, 60, 28)
HSL
hsl(132, 50%, 16%)
CMYK
cmyk(67%, 0%, 53%, 76%)
Best text on this color #FFFFFF (CR 12.41:1) Determined by WCAG contrast ratio

Readability Previews

Black on #143c1c
Contrast 1.69:1 Fail
White on #143c1c
Contrast 12.41:1 AAA
#143c1c on Black
Contrast 1.69:1 Fail
#143c1c on White
Contrast 12.41:1 AAA

Tints & Shades

#436349
#728a77
#a1b1a4
#103016
#0c2411
#08180b

Complement & Analogous

#3d1435
#143d31
#213d14

Triadic

#1d143d
#3d1d14

Monochrome

#08180b #0c2411 #143c1c #728a77 #a1b1a4 #d0d8d2

Analogous

#213d14 #64775b #143c1c #43645a #143d31 #103127

Complementary Mix

#0c2411 #143c1c #728a77 #3d1435 #81667c #280d22

Nearby Colors

#143c1b
#143c1d
#143c0c
#143c2c

Embed #143C1C swatch

Embed this swatch

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

Open image

About #143C1C

#143C1C converts to RGB(20, 60, 28) and HSL(132, 50%, 16%). 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).

#143C1C FAQs

What is the RGB value of #143C1C?
RGB: 20, 60, 28. Copy as CSS: rgb(20, 60, 28)
Is #143C1C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #143C1C?
Complement: #3d1435.
Does #143C1C have good contrast on white or black?
On white: 12.41:1 (AAA (normal text)). On black: 1.69:1 (Fails AA).