#1D858C

Color Details

HEX
#1D858C
RGB
rgb(29, 133, 140)
HSL
hsl(184, 66%, 33%)
CMYK
cmyk(79%, 5%, 0%, 45%)
Best text on this color #000000 (CR 4.79:1) Determined by WCAG contrast ratio

Readability Previews

Black on #1d858c
Contrast 4.79:1 AA
White on #1d858c
Contrast 4.39:1 Fail
#1d858c on Black
Contrast 4.79:1 AA
#1d858c on White
Contrast 4.39:1 Fail

Tints & Shades

#4a9da3
#77b6ba
#a5ced1
#176a70
#115054
#0c3538

Complement & Analogous

#8c241d
#1d4d8c
#1d8c5c

Triadic

#8c1d84
#848c1d

Monochrome

#0c3538 #115054 #1d858c #77b6ba #a5ced1 #d2e7e8

Analogous

#1d8c5c #61af8d #1d858c #4a71a3 #1d4d8c #173e70

Complementary Mix

#115054 #1d858c #77b6ba #8c241d #b4716c #5b1713

Nearby Colors

#1d858b
#1d858d
#1d857c
#1d859c

Embed #1D858C swatch

Embed this swatch

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

Open image

About #1D858C

#1D858C converts to RGB(29, 133, 140) and HSL(184, 66%, 33%). 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).

#1D858C FAQs

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