#343DEF

Vivid Blue

HEX

RGB

HSL

About #343DEF Vivid Blue

#343DEF is a vivid blue color. In the RGB color model, it is composed of 52 red, 61 green, and 239 blue. In the HSL color space, it has a hue of 237°, saturation of 85%, and lightness of 57%.

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 #343DEF in your CSS, SCSS, or Tailwind projects.

Color Properties

237°

Hue

85%

Saturation

57%

Lightness

Vivid Blue

Color Harmonies

Colors that work well with #343DEF based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #343DEF against white and black backgrounds.

Aa#343DEF on White
Contrast Ratio6.86:1
AA AA Large AAA
Aa#343DEF on Black
Contrast Ratio3.06:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #343DEF across different color formats.

FormatValue
HEX#343DEF
RGBrgb(52, 61, 239)
HSLhsl(237, 85%, 57%)
RGB Decimal52, 61, 239
RGB Percent20.4%, 23.9%, 93.7%
CMYK (approx.)78%, 74%, 0%, 6%

Related Palettes

12 palettes using #343DEF or similar colors

#2868A4#3336E6#B181E4#F0C1F1
#1961B3#3A34E4#B67DE8#F6BBF4
#1B66B1#3737E1#B37BEA#F6BBF6
#F425A4#25F474#F4DB25#253DF4
#F425A8#25F471#F4D825#2541F4
#1C64B0#3B38E1#B484E1#F3BEF3
#F425AF#25F46A#F4D125#2547F4
#2964A3#3E3CDD#B483E2#F2BFF1
#F42597#25F482#F4E925#252FF4
#25F466#F425B2#254BF4#F4CE25
#1D5CAF#4337E1#B984E1#F4BDF0
#EB4747#47EB47#4747EB#F7BABA