KDF TechKDF TechDigital solutions
Contact UsWhatsApp
HubLibraryColor PickerColor ConverterPalette GeneratorImage Color ExtractorContrast CheckerCSS Gradient GeneratorColor MixerRandom Color

Color information

Light Blue 500

#03A9F4

KDF-C-00240116

Open in pickerColor page

Codes & values

  • Color NameLight Blue 500
  • Color IDKDF-C-00240116
  • HEX#03A9F4
  • RGBrgb(3, 169, 244)
  • RGBArgba(3, 169, 244, 1)
  • HSLhsl(199, 98%, 48%)
  • HSVhsv(199, 99%, 96%)
  • CMYKcmyk(99%, 31%, 0%, 4%)

Closest named color

#03A9F4
Light Blue 500

Nearest CSS named color to #03A9F4 by RGB distance.

Shades

#0396D9
#0283BE
#0271A3
#025E88
#014B6C
#013851
#012636
#00131B

Tints

#1FB3F5
#3BBCF6
#57C6F8
#73CFF9
#8FD9FA
#ABE2FB
#C7ECFD
#E3F5FE

Tones

#11A4E7
#1FA0DA
#2D9BCD
#3B97C0
#4892B4
#568EA7
#64899A
#72858D

Matching schemes

Click any swatch to open its color page or explorer.

Complementary

#03A9F4
#F44E03

Analogous

#03F4C7
#03A9F4
#0330F4

Triadic

#03A9F4
#F403A9
#A9F403

Split complementary

#03A9F4
#F40330
#F4C703

Tetradic

#03A9F4
#C603F4
#F44E03
#30F403

Monochromatic

#03A9F4
#57C6F8
#ABE2FB
#0271A3
#013851

Similar colors

#0EA5E9
Sky
#039BE5
Light Blue 600
#00BFFF
Deep Sky Blue
#1DA1F2
Twitter Blue Legacy
#2196F3
Blue 500
#00BCD4
Cyan 500
#1E90FF
Dodger Blue
#29B6F6
Light Blue 400

About Light Blue 500

Light Blue 500 is filed under blue with vibrant, cool character. Common uses: ui, web, design, button.

Quick answers

What is Light Blue 500 HEX code?
Light Blue 500 HEX is #03A9F4.
What is Light Blue 500 RGB?
Light Blue 500 RGB is rgb(3, 169, 244).
What is Light Blue 500 HSL?
Light Blue 500 HSL is hsl(199, 98%, 48%).
What colors go with Light Blue 500?
Try complementary #03A9F4, #F44E03 or analogous #03F4C7, #03A9F4, #0330F4.

Accessibility snapshot

Contrast vs white: 2.63:1 (use as background or large accent). Contrast vs black: 7.99:1.

Open in Global Color Tool → · HEX page →