#65868C

Color Details

HEX
#65868C
RGB
rgb(101, 134, 140)
HSL
hsl(189, 16%, 47%)
CMYK
cmyk(28%, 4%, 0%, 45%)
Best text on this color #000000 (CR 5.34:1) Determined by WCAG contrast ratio

Readability Previews

Black on #65868c
Contrast 5.34:1 AA
White on #65868c
Contrast 3.93:1 Fail
#65868c on Black
Contrast 5.34:1 AA
#65868c on White
Contrast 3.93:1 Fail

Tints & Shades

#849ea3
#a3b6ba
#c1cfd1
#516b70
#3d5054
#283638

Complement & Analogous

#8b6a65
#5d7092
#5d9280

Triadic

#8b6585
#858b65

Monochrome

#283638 #3d5054 #65868c #a3b6ba #c1cfd1 #e0e7e8

Analogous

#5d9280 #8eb3a6 #65868c #7d8da8 #5d7092 #4a5a75

Complementary Mix

#3d5054 #65868c #a3b6ba #8b6a65 #b49e9b #5a4542

Nearby Colors

#65868b
#65868d
#65867c
#65869c

Embed #65868C swatch

Embed this swatch

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

Open image

About #65868C

#65868C converts to RGB(101, 134, 140) and HSL(189, 16%, 47%). 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).

#65868C FAQs

What is the RGB value of #65868C?
RGB: 101, 134, 140. Copy as CSS: rgb(101, 134, 140)
Is #65868C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #65868C?
Complement: #8b6a65.
Does #65868C have good contrast on white or black?
On white: 3.93:1 (AA (large text)). On black: 5.34:1 (AA (normal text)).