#6A8AFC

Color Details

HEX
#6A8AFC
RGB
rgb(106, 138, 252)
HSL
hsl(227, 96%, 70%)
CMYK
cmyk(58%, 45%, 0%, 1%)
Best text on this color #000000 (CR 6.65:1) Determined by WCAG contrast ratio

Readability Previews

Black on #6a8afc
Contrast 6.65:1 AA
White on #6a8afc
Contrast 3.16:1 Fail
#6a8afc on Black
Contrast 6.65:1 AA
#6a8afc on White
Contrast 3.16:1 Fail

Tints & Shades

#88a1fd
#a6b9fd
#c3d0fe
#556eca
#405397
#2a3765

Complement & Analogous

#fcdc69
#9369fc
#69d2fc

Triadic

#fc6989
#89fc69

Monochrome

#2a3765 #405397 #6a8afc #a6b9fd #c3d0fe #e1e8fe

Analogous

#69d2fc #96e0fd #6a8afc #a987fd #9369fc #7654ca

Complementary Mix

#405397 #6a8afc #a6b9fd #fcdc69 #fde89e #a48f44

Nearby Colors

#6a8afb
#6a8afd
#6a8aec
#6a8b0c

Embed #6A8AFC swatch

Embed this swatch

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

Open image

About #6A8AFC

#6A8AFC converts to RGB(106, 138, 252) and HSL(227, 96%, 70%). 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).

#6A8AFC FAQs

What is the RGB value of #6A8AFC?
RGB: 106, 138, 252. Copy as CSS: rgb(106, 138, 252)
Is #6A8AFC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #6A8AFC?
Complement: #fcdc69.
Does #6A8AFC have good contrast on white or black?
On white: 3.16:1 (AA (large text)). On black: 6.65:1 (AA (normal text)).