#06858C

Color Details

HEX
#06858C
RGB
rgb(6, 133, 140)
HSL
hsl(183, 92%, 29%)
CMYK
cmyk(96%, 5%, 0%, 45%)
Best text on this color #000000 (CR 4.74:1) Determined by WCAG contrast ratio

Readability Previews

Black on #06858c
Contrast 4.74:1 AA
White on #06858c
Contrast 4.43:1 Fail
#06858c on Black
Contrast 4.74:1 AA
#06858c on White
Contrast 4.43:1 Fail

Tints & Shades

#389da3
#6ab6ba
#9bced1
#056a70
#045054
#023538

Complement & Analogous

#8e0d06
#06438e
#068e51

Triadic

#8e0687
#878e06

Monochrome

#023538 #045054 #06858c #6ab6ba #9bced1 #cde7e8

Analogous

#068e51 #51b085 #06858c #3869a5 #06438e #053672

Complementary Mix

#045054 #06858c #6ab6ba #8e0d06 #b6625d #5c0804

Nearby Colors

#06858b
#06858d
#06857c
#06859c

Embed #06858C swatch

Embed this swatch

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

Open image

About #06858C

#06858C converts to RGB(6, 133, 140) and HSL(183, 92%, 29%). 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).

#06858C FAQs

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