#68A69C

Color Details

HEX
#68A69C
RGB
rgb(104, 166, 156)
HSL
hsl(170, 26%, 53%)
CMYK
cmyk(37%, 0%, 6%, 35%)
Best text on this color #000000 (CR 7.52:1) Determined by WCAG contrast ratio

Readability Previews

Black on #68a69c
Contrast 7.52:1 AAA
White on #68a69c
Contrast 2.79:1 Fail
#68a69c on Black
Contrast 7.52:1 AAA
#68a69c on White
Contrast 2.79:1 Fail

Tints & Shades

#86b8b0
#a4cac4
#c3dbd7
#53857d
#3e645e
#2a423e

Complement & Analogous

#a66872
#6892a6
#68a67d

Triadic

#9c68a6
#a69c68

Monochrome

#2a423e #3e645e #68a69c #a4cac4 #c3dbd7 #e1edeb

Analogous

#68a67d #95c1a4 #68a69c #86a8b8 #6892a6 #537585

Complementary Mix

#3e645e #68a69c #a4cac4 #a66872 #c59da3 #6c444a

Nearby Colors

#68a69b
#68a69d
#68a68c
#68a6ac

Embed #68A69C swatch

Embed this swatch

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

Open image

About #68A69C

#68A69C converts to RGB(104, 166, 156) and HSL(170, 26%, 53%). 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).

#68A69C FAQs

What is the RGB value of #68A69C?
RGB: 104, 166, 156. Copy as CSS: rgb(104, 166, 156)
Is #68A69C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #68A69C?
Complement: #a66872.
Does #68A69C have good contrast on white or black?
On white: 2.79:1 (Fails AA). On black: 7.52:1 (AAA (normal text)).