#705F8C

Color Details

HEX
#705F8C
RGB
rgb(112, 95, 140)
HSL
hsl(263, 19%, 46%)
CMYK
cmyk(20%, 32%, 0%, 45%)
Best text on this color #FFFFFF (CR 5.67:1) Determined by WCAG contrast ratio

Readability Previews

Black on #705f8c
Contrast 3.70:1 Fail
White on #705f8c
Contrast 5.67:1 AA
#705f8c on Black
Contrast 3.70:1 Fail
#705f8c on White
Contrast 5.67:1 AA

Tints & Shades

#8d7fa3
#a99fba
#c6bfd1
#5a4c70
#433954
#2d2638

Complement & Analogous

#7b8c5f
#895b8f
#5b628f

Triadic

#8c705f
#5f8c70

Monochrome

#2d2638 #433954 #705f8c #a99fba #c6bfd1 #e2dfe8

Analogous

#5b628f #8c91b1 #705f8c #a17ca5 #895b8f #6e4972

Complementary Mix

#433954 #705f8c #a99fba #7b8c5f #a9b497 #505b3e

Nearby Colors

#705f8b
#705f8d
#705f7c
#705f9c

Embed #705F8C swatch

Embed this swatch

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

Open image

About #705F8C

#705F8C converts to RGB(112, 95, 140) and HSL(263, 19%, 46%). 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).

#705F8C FAQs

What is the RGB value of #705F8C?
RGB: 112, 95, 140. Copy as CSS: rgb(112, 95, 140)
Is #705F8C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #705F8C?
Complement: #7b8c5f.
Does #705F8C have good contrast on white or black?
On white: 5.67:1 (AA (normal text)). On black: 3.70:1 (AA (large text)).