#68A19C

Color Details

HEX
#68A19C
RGB
rgb(104, 161, 156)
HSL
hsl(175, 23%, 52%)
CMYK
cmyk(35%, 0%, 3%, 37%)
Best text on this color #000000 (CR 7.17:1) Determined by WCAG contrast ratio

Readability Previews

Black on #68a19c
Contrast 7.17:1 AAA
White on #68a19c
Contrast 2.93:1 Fail
#68a19c on Black
Contrast 7.17:1 AAA
#68a19c on White
Contrast 2.93:1 Fail

Tints & Shades

#86b4b0
#a4c7c4
#c3d9d7
#53817d
#3e615e
#2a403e

Complement & Analogous

#a1686d
#6889a1
#68a180

Triadic

#9c68a1
#a19c68

Monochrome

#2a403e #3e615e #68a19c #a4c7c4 #c3d9d7 #e1eceb

Analogous

#68a180 #95bda6 #68a19c #86a1b4 #6889a1 #536e81

Complementary Mix

#3e615e #68a19c #a4c7c4 #a1686d #c29da0 #694447

Nearby Colors

#68a19b
#68a19d
#68a18c
#68a1ac

Embed #68A19C swatch

Embed this swatch

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

Open image

About #68A19C

#68A19C converts to RGB(104, 161, 156) and HSL(175, 23%, 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).

#68A19C FAQs

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