#694EBC

Color Details

HEX
#694EBC
RGB
rgb(105, 78, 188)
HSL
hsl(255, 45%, 52%)
CMYK
cmyk(44%, 59%, 0%, 26%)
Best text on this color #FFFFFF (CR 6.15:1) Determined by WCAG contrast ratio

Readability Previews

Black on #694ebc
Contrast 3.42:1 Fail
White on #694ebc
Contrast 6.15:1 AA
#694ebc on Black
Contrast 3.42:1 Fail
#694ebc on White
Contrast 6.15:1 AA

Tints & Shades

#8771c9
#a595d7
#c3b8e4
#543e96
#3f2f71
#2a1f4b

Complement & Analogous

#a0bc4e
#a04ebc
#4e69bc

Triadic

#bc694e
#4ebc69

Monochrome

#2a1f4b #3f2f71 #694ebc #a595d7 #c3b8e4 #e1dcf2

Analogous

#4e69bc #8396d0 #694ebc #b371c9 #a04ebc #803e96

Complementary Mix

#3f2f71 #694ebc #a595d7 #a0bc4e #c1d38c #687a33

Nearby Colors

#694ebb
#694ebd
#694eac
#694ecc

Embed #694EBC swatch

Embed this swatch

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

Open image

About #694EBC

#694EBC converts to RGB(105, 78, 188) and HSL(255, 45%, 52%). 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).

#694EBC FAQs

What is the RGB value of #694EBC?
RGB: 105, 78, 188. Copy as CSS: rgb(105, 78, 188)
Is #694EBC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #694EBC?
Complement: #a0bc4e.
Does #694EBC have good contrast on white or black?
On white: 6.15:1 (AA (normal text)). On black: 3.42:1 (AA (large text)).