#7F99A4

Color Details

HEX
#7F99A4
RGB
rgb(127, 153, 164)
HSL
hsl(198, 17%, 57%)
CMYK
cmyk(23%, 7%, 0%, 36%)
Best text on this color #000000 (CR 6.99:1) Determined by WCAG contrast ratio

Readability Previews

Black on #7f99a4
Contrast 6.99:1 AA
White on #7f99a4
Contrast 3.00:1 Fail
#7f99a4 on Black
Contrast 6.99:1 AA
#7f99a4 on White
Contrast 3.00:1 Fail

Tints & Shades

#99adb6
#b2c2c8
#ccd6db
#667a83
#4c5c62
#333d42

Complement & Analogous

#a48a7f
#7983a9
#79a9a0

Triadic

#a47f99
#99a47f

Monochrome

#333d42 #4c5c62 #7f99a4 #b2c2c8 #ccd6db #e5ebed

Analogous

#79a9a0 #a1c3bd #7f99a4 #949cba #7983a9 #616987

Complementary Mix

#4c5c62 #7f99a4 #b2c2c8 #a48a7f #c4b3ac #6b5a53

Nearby Colors

#7f99a3
#7f99a5
#7f9994
#7f99b4

Embed #7F99A4 swatch

Embed this swatch

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

Open image

About #7F99A4

#7F99A4 converts to RGB(127, 153, 164) and HSL(198, 17%, 57%). 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).

#7F99A4 FAQs

What is the RGB value of #7F99A4?
RGB: 127, 153, 164. Copy as CSS: rgb(127, 153, 164)
Is #7F99A4 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #7F99A4?
Complement: #a48a7f.
Does #7F99A4 have good contrast on white or black?
On white: 3.00:1 (AA (large text)). On black: 6.99:1 (AA (normal text)).