#2B483C

Color Details

HEX
#2B483C
RGB
rgb(43, 72, 60)
HSL
hsl(155, 25%, 23%)
CMYK
cmyk(40%, 0%, 17%, 72%)
Best text on this color #FFFFFF (CR 10.02:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2b483c
Contrast 2.09:1 Fail
White on #2b483c
Contrast 10.02:1 AAA
#2b483c on Black
Contrast 2.09:1 Fail
#2b483c on White
Contrast 10.02:1 AAA

Tints & Shades

#556d63
#80918a
#aab6b1
#223a30
#1a2b24
#111d18

Complement & Analogous

#492c38
#2c4749
#2c492e

Triadic

#3d2c49
#493d2c

Monochrome

#111d18 #1a2b24 #2b483c #80918a #aab6b1 #d5dad8

Analogous

#2c492e #6b806d #2b483c #566c6d #2c4749 #23393a

Complementary Mix

#1a2b24 #2b483c #80918a #492c38 #89767e #2f1d24

Nearby Colors

#2b483b
#2b483d
#2b482c
#2b484c

Embed #2B483C swatch

Embed this swatch

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

Open image

About #2B483C

#2B483C converts to RGB(43, 72, 60) and HSL(155, 25%, 23%). 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).

#2B483C FAQs

What is the RGB value of #2B483C?
RGB: 43, 72, 60. Copy as CSS: rgb(43, 72, 60)
Is #2B483C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2B483C?
Complement: #492c38.
Does #2B483C have good contrast on white or black?
On white: 10.02:1 (AAA (normal text)). On black: 2.09:1 (Fails AA).