#2A645C

Color Details

HEX
#2A645C
RGB
rgb(42, 100, 92)
HSL
hsl(172, 41%, 28%)
CMYK
cmyk(58%, 0%, 8%, 61%)
Best text on this color #FFFFFF (CR 6.83:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2a645c
Contrast 3.08:1 Fail
White on #2a645c
Contrast 6.83:1 AA
#2a645c on Black
Contrast 3.08:1 Fail
#2a645c on White
Contrast 6.83:1 AA

Tints & Shades

#55837d
#7fa29d
#aac1be
#22504a
#193c37
#112825

Complement & Analogous

#652a32
#2a4f65
#2a6540

Triadic

#5d2a65
#655d2a

Monochrome

#112825 #193c37 #2a645c #7fa29d #aac1be #d4e0de

Analogous

#2a6540 #6a9379 #2a645c #557284 #2a4f65 #223f51

Complementary Mix

#193c37 #2a645c #7fa29d #652a32 #9b757a #421b21

Nearby Colors

#2a645b
#2a645d
#2a644c
#2a646c

Embed #2A645C swatch

Embed this swatch

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

Open image

About #2A645C

#2A645C converts to RGB(42, 100, 92) and HSL(172, 41%, 28%). 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).

#2A645C FAQs

What is the RGB value of #2A645C?
RGB: 42, 100, 92. Copy as CSS: rgb(42, 100, 92)
Is #2A645C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2A645C?
Complement: #652a32.
Does #2A645C have good contrast on white or black?
On white: 6.83:1 (AA (normal text)). On black: 3.08:1 (AA (large text)).