#2A7DFC

Color Details

HEX
#2A7DFC
RGB
rgb(42, 125, 252)
HSL
hsl(216, 97%, 58%)
CMYK
cmyk(83%, 50%, 0%, 1%)
Best text on this color #000000 (CR 5.44:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2a7dfc
Contrast 5.44:1 AA
White on #2a7dfc
Contrast 3.86:1 Fail
#2a7dfc on Black
Contrast 5.44:1 AA
#2a7dfc on White
Contrast 3.86:1 Fail

Tints & Shades

#5597fd
#7fb1fd
#aacbfe
#2264ca
#194b97
#113265

Complement & Analogous

#fca92c
#412cfc
#2ce7fc

Triadic

#fc2c7f
#7ffc2c

Monochrome

#113265 #194b97 #2a7dfc #7fb1fd #aacbfe #d4e5fe

Analogous

#2ce7fc #6beefd #2a7dfc #6756fd #412cfc #3423ca

Complementary Mix

#194b97 #2a7dfc #7fb1fd #fca92c #fdc776 #a46e1d

Nearby Colors

#2a7dfb
#2a7dfd
#2a7dec
#2a7e0c

Embed #2A7DFC swatch

Embed this swatch

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

Open image

About #2A7DFC

#2A7DFC converts to RGB(42, 125, 252) and HSL(216, 97%, 58%). 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).

#2A7DFC FAQs

What is the RGB value of #2A7DFC?
RGB: 42, 125, 252. Copy as CSS: rgb(42, 125, 252)
Is #2A7DFC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2A7DFC?
Complement: #fca92c.
Does #2A7DFC have good contrast on white or black?
On white: 3.86:1 (AA (large text)). On black: 5.44:1 (AA (normal text)).