#1DA3FD

Vivid Blue

HEX

RGB

HSL

About #1DA3FD Vivid Blue

#1DA3FD is a vivid blue color. In the RGB color model, it is composed of 29 red, 163 green, and 253 blue. In the HSL color space, it has a hue of 204°, saturation of 98%, and lightness of 55%.

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 & Gradients

Use #1DA3FD in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

204°

Hue

98%

Saturation

55%

Lightness

Vivid Blue

Color Harmonies

Colors that work well with #1DA3FD based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #1DA3FD against white and black backgrounds.

Aa#1DA3FD on White
Contrast Ratio2.72:1
AA AA Large AAA
Aa#1DA3FD on Black
Contrast Ratio7.71:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #1DA3FD across different color formats.

FormatValue
HEX#1DA3FD
RGBrgb(29, 163, 253)
HSLhsl(204, 98%, 55%)
RGB Decimal29, 163, 253
RGB Percent11.4%, 63.9%, 99.2%
CMYK (approx.)89%, 36%, 0%, 1%

Related Palettes

12 palettes using #1DA3FD or similar colors

#35F91F#E31FF9#1FA2F9#F9761F
#1FA2F9#F9761F#E31FF9#35F91F
#F9731F#1FA6F9#39F91F#E01FF9
#E71FF9#31F91F#F97A1F#1F9EF9
#F97A1F#1F9EF9#31F91F#E71FF9
#3CF91F#DC1FF9#1FA9F9#F96F1F
#DC1FF9#3CF91F#F96F1F#1FA9F9
#1F9BF9#F97E1F#EB1FF9#2EF91F
#F97E1F#1F9BF9#2EF91F#EB1FF9
#40F91F#D91FF9#1FADF9#F96C1F
#1F97F9#F9811F#EE1FF9#2AF91F
#2AF91F#EE1FF9#1F97F9#F9811F