#74BCC4

Color Details

HEX
#74BCC4
RGB
rgb(116, 188, 196)
HSL
hsl(186, 40%, 61%)
CMYK
cmyk(41%, 4%, 0%, 23%)
Best text on this color #000000 (CR 9.73:1) Determined by WCAG contrast ratio

Readability Previews

Black on #74bcc4
Contrast 9.73:1 AAA
White on #74bcc4
Contrast 2.16:1 Fail
#74bcc4 on Black
Contrast 9.73:1 AAA
#74bcc4 on White
Contrast 2.16:1 Fail

Tints & Shades

#90c9d0
#acd7dc
#c7e4e7
#5d969d
#467176
#2e4b4e

Complement & Analogous

#c37c74
#7494c3
#74c3a4

Triadic

#c374bb
#bbc374

Monochrome

#2e4b4e #467176 #74bcc4 #acd7dc #c7e4e7 #e3f2f3

Analogous

#74c3a4 #9ed5bf #74bcc4 #90a9cf #7494c3 #5d769c

Complementary Mix

#467176 #74bcc4 #acd7dc #c37c74 #d8aaa5 #7f514b

Nearby Colors

#74bcc3
#74bcc5
#74bcb4
#74bcd4

Embed #74BCC4 swatch

Embed this swatch

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

Open image

About #74BCC4

#74BCC4 converts to RGB(116, 188, 196) and HSL(186, 40%, 61%). 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).

#74BCC4 FAQs

What is the RGB value of #74BCC4?
RGB: 116, 188, 196. Copy as CSS: rgb(116, 188, 196)
Is #74BCC4 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #74BCC4?
Complement: #c37c74.
Does #74BCC4 have good contrast on white or black?
On white: 2.16:1 (Fails AA). On black: 9.73:1 (AAA (normal text)).