#7F8FCC

Color Details

HEX
#7F8FCC
RGB
rgb(127, 143, 204)
HSL
hsl(228, 43%, 65%)
CMYK
cmyk(38%, 30%, 0%, 20%)
Best text on this color #000000 (CR 6.70:1) Determined by WCAG contrast ratio

Readability Previews

Black on #7f8fcc
Contrast 6.70:1 AA
White on #7f8fcc
Contrast 3.13:1 Fail
#7f8fcc on Black
Contrast 6.70:1 AA
#7f8fcc on White
Contrast 3.13:1 Fail

Tints & Shades

#99a5d6
#b2bce0
#ccd2eb
#6672a3
#4c567a
#333952

Complement & Analogous

#ccbd7f
#967fcc
#7fb5cc

Triadic

#cc7f8f
#8fcc7f

Monochrome

#333952 #4c567a #7f8fcc #b2bce0 #ccd2eb #e5e9f5

Analogous

#7fb5cc #a5cbdb #7f8fcc #ab99d6 #967fcc #7866a3

Complementary Mix

#4c567a #7f8fcc #b2bce0 #ccbd7f #ded4ac #857b53

Nearby Colors

#7f8fcb
#7f8fcd
#7f8fbc
#7f8fdc

Embed #7F8FCC swatch

Embed this swatch

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

Open image

About #7F8FCC

#7F8FCC converts to RGB(127, 143, 204) and HSL(228, 43%, 65%). 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).

#7F8FCC FAQs

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