#184BF2

Vivid Blue

HEX

RGB

HSL

About #184BF2 Vivid Blue

#184BF2 is a vivid blue color. In the RGB color model, it is composed of 24 red, 75 green, and 242 blue. In the HSL color space, it has a hue of 226°, saturation of 89%, 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 #184BF2 in your CSS, SCSS, or Tailwind projects.

Color Properties

226°

Hue

89%

Saturation

52%

Lightness

Vivid Blue

Color Harmonies

Colors that work well with #184BF2 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #184BF2 against white and black backgrounds.

Aa#184BF2 on White
Contrast Ratio6.31:1
AA AA Large AAA
Aa#184BF2 on Black
Contrast Ratio3.33:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #184BF2 across different color formats.

FormatValue
HEX#184BF2
RGBrgb(24, 75, 242)
HSLhsl(226, 89%, 52%)
RGB Decimal24, 75, 242
RGB Percent9.4%, 29.4%, 94.9%
CMYK (approx.)90%, 69%, 0%, 5%

Related Palettes

12 palettes using #184BF2 or similar colors

#0DB9F2#144AEB#450AF5#B514EB
#1F4BF9#F9CE1F#F91FB8#1FF961
#1451EB#3903FC#B00FF0#FB04C6
#0FF04B#14EBB9#12B3ED#1647E9
#1647E9#4706F9#B717E8#EB14B2
#1F4EF9#F9CA1F#F91FBB#1FF95D
#F91FBB#1FF95D#F9CA1F#1F4EF9
#F9CA1F#1F4EF9#1FF95D#F91FBB
#F91FB4#1FF964#F9D11F#1F47F9
#19E646#13ECAF#07C4F8#0D4EF2
#02FD34#11EEAC#16BFE9#1053EF
#10B7EF#194CE6#4A14EB#BD04FB