#2A7CDF

Blue

HEX

RGB

HSL

About #2A7CDF Blue

#2A7CDF is a blue color. In the RGB color model, it is composed of 42 red, 124 green, and 223 blue. In the HSL color space, it has a hue of 213°, saturation of 74%, and lightness of 52%.

This color has a medium lightness value, making it a balanced tone ideal for both text and UI elements. With high saturation, it appears vibrant and eye-catching.

CSS Code

Use #2A7CDF in your CSS, SCSS, or Tailwind projects.

Color Properties

213°

Hue

74%

Saturation

52%

Lightness

Blue

Color Harmonies

Colors that work well with #2A7CDF based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #2A7CDF against white and black backgrounds.

Aa#2A7CDF on White
Contrast Ratio4.16:1
AA AA Large AAA
Aa#2A7CDF on Black
Contrast Ratio5.05:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #2A7CDF across different color formats.

FormatValue
HEX#2A7CDF
RGBrgb(42, 124, 223)
HSLhsl(213, 74%, 52%)
RGB Decimal42, 124, 223
RGB Percent16.5%, 48.6%, 87.5%
CMYK (approx.)81%, 44%, 0%, 13%

Related Palettes

12 palettes using #2A7CDF or similar colors

#257EF4#F49A25#F425E6#25F433
#1E91AE#366AE3#8E76EF#E5BBF6
#1783E8#0F12F0#7C11EE#EA12ED
#2494A8#4176D8#8876EF#E0C1F1
#2589F4#F49025#F425F0#25F428
#22A3C3#457FDE#7C79E7#CBADF0
#1375EC#0E02FD#8A13EC#FA05EE
#1FF931#F91FE7#1F7AF9#F99E1F
#1FF92A#F91FEE#1F81F9#F9971F
#1F81F9#F9971F#F91FEE#1FF92A
#F91FE3#1FF935#F9A21F#1F76F9
#22ABC3#4587DE#797AE7#C8ADF0