Light Bright Blue is a medium-light, saturated shade in the blue color family, with a cool feel. Its HEX code is #6363EE, which equals rgb(99, 99, 238) in RGB and hsl(240, 80%, 66%) in HSL. In print terms it converts to roughly C58 M58 Y0 K7, although exact CMYK results depend on the paper and color profile.
- HEX
#6363EE - RGB
99, 99, 238 - HSL
240°, 80%, 66% - CMYK
58, 58, 0, 7 - Family
Blue - Tone
Medium-light, saturated
About Light Bright Blue
Blue shades feel trustworthy, calm and professional. This family includes cyans, teals, skies and navies, and it is the most common choice for technology, finance and healthcare brands. It works well for buttons, headings, illustrations and brand accents. Text in white is the most readable choice on this color, with a contrast ratio of 4.62:1. Its complementary color is #EEEE63.
Download Light Bright Blue as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Light Bright Blue color codes
| HEX | #6363EE |
|---|---|
| RGB | rgb(99, 99, 238) |
| HSL | hsl(240, 80%, 66%) |
| HSV | 240°, 58%, 93% |
| CMYK | 58%, 58%, 0%, 7% |
| Decimal | 6513646 |
Shades and tints of Light Bright Blue
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E5E5FC - 100
#CBCBF9 - 200
#B1B1F7 - 300
#9797F4 - 400
#7D7DF1 - 500
#6363EE - 600
#5353C6 - 700
#42429F - 800
#323277 - 900
#21214F - 950
#111128
Color harmonies for Light Bright Blue
- Complementary
#EEEE63≈ Light Bright Citron - Analogous −30°
#63A8EE≈ Light Bright Azure - Analogous +30°
#A863EE≈ Light Bright Periwinkle - Triadic +120°
#EE6363≈ Light Bright Cardinal - Triadic +240°
#63EE63≈ Light Bright Shamrock - Split 150°
#EEA863≈ Sandy Brown - Split 210°
#A8EE63≈ Light Bright Fern
Contrast and accessibility of Light Bright Blue
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Light Bright Blue | Aa | 4.62:1 | AA (good) |
| Black text on Light Bright Blue | Aa | 4.55:1 | AA (good) |
CSS code for Light Bright Blue
background-color: #6363EE;color: #6363EE;background-color: rgb(99, 99, 238);background-color: hsl(240, 80%, 66%);:root { --color-light-bright-blue: #6363EE; }class="bg-[#6363EE]"Colors similar to Light Bright Blue
- Light Bright Ultramarine
#7163EE - Light Bright Royal
#6371EE - Light Royal
#5263FF - Medium Slate Blue
#7B68EE - Light Ultramarine
#6352FF - Light Bright Indigo
#7F63EE - Medium Light Soft Royal
#5460D4 - Light Cobalt
#5274FF - Light Blue Tone
#5252FF - Light Indigo
#7452FF - Medium Light Soft Ultramarine
#6054D4 - Light Soft Blue
#7474DC
More blue shades
- Very Dark Bright Blue
#090953 - Dark Bright Blue
#0D0D77 - Deep Bright Blue
#11119C - Medium Dark Bright Blue
#1515C1 - Bright Blue
#1919E6 - Medium Light Bright Blue
#3E3EEA - Pale Bright Blue
#8888F2 - Very Pale Bright Blue
#ACACF6 - Palest Bright Blue
#D1D1FA - Darkest Soft Blue
#0A0A29 - Very Dark Soft Blue
#121249
Frequently asked questions
What is the HEX code for Light Bright Blue?
The HEX code for Light Bright Blue is #6363EE.
What is the RGB value of Light Bright Blue?
Light Bright Blue has an RGB value of 99, 99, 238 (rgb(99, 99, 238)). In HSL it is 240°, 80%, 66%.
What text color should I use on Light Bright Blue?
Use white text on Light Bright Blue. White text has a contrast ratio of 4.62:1 and black text has 4.55:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Light Bright Blue?
The complementary color of Light Bright Blue is #EEEE63. Analogous colors #63A8EE and #A863EE also pair well.