#695B9C

Color Details

HEX
#695B9C
RGB
rgb(105, 91, 156)
HSL
hsl(253, 26%, 48%)
CMYK
cmyk(33%, 42%, 0%, 39%)
Best text on this color #FFFFFF (CR 5.87:1) Determined by WCAG contrast ratio

Readability Previews

Black on #695b9c
Contrast 3.58:1 Fail
White on #695b9c
Contrast 5.87:1 AA
#695b9c on Black
Contrast 3.58:1 Fail
#695b9c on White
Contrast 5.87:1 AA

Tints & Shades

#877cb0
#a59dc4
#c3bdd7
#54497d
#3f375e
#2a243e

Complement & Analogous

#8c9a5b
#885b9a
#5b6d9a

Triadic

#9a685b
#5b9a68

Monochrome

#2a243e #3f375e #695b9c #a59dc4 #c3bdd7 #e1deeb

Analogous

#5b6d9a #8c99b8 #695b9c #a07cae #885b9a #6d497b

Complementary Mix

#3f375e #695b9c #a59dc4 #8c9a5b #b4bd94 #5b643b

Nearby Colors

#695b9b
#695b9d
#695b8c
#695bac

Embed #695B9C swatch

Embed this swatch

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

Open image

About #695B9C

#695B9C converts to RGB(105, 91, 156) and HSL(253, 26%, 48%). 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).

#695B9C FAQs

What is the RGB value of #695B9C?
RGB: 105, 91, 156. Copy as CSS: rgb(105, 91, 156)
Is #695B9C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #695B9C?
Complement: #8c9a5b.
Does #695B9C have good contrast on white or black?
On white: 5.87:1 (AA (normal text)). On black: 3.58:1 (AA (large text)).