Bright Blue is a medium, saturated shade in the blue color family, with a cool feel. Its HEX code is #1919E6, which equals rgb(25, 25, 230) in RGB and hsl(240, 80%, 50%) in HSL. In print terms it converts to roughly C89 M89 Y0 K10, although exact CMYK results depend on the paper and color profile.
- HEX
#1919E6 - RGB
25, 25, 230 - HSL
240°, 80%, 50% - CMYK
89, 89, 0, 10 - Family
Blue - Tone
Medium, saturated
About 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 9.04:1. Its complementary color is #E6E61A.
Download 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…
Bright Blue color codes
| HEX | #1919E6 |
|---|---|
| RGB | rgb(25, 25, 230) |
| HSL | hsl(240, 80%, 50%) |
| HSV | 240°, 89%, 90% |
| CMYK | 89%, 89%, 0%, 10% |
| Decimal | 1645030 |
Shades and tints of Bright Blue
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#D9D9FB - 100
#B2B2F7 - 200
#8C8CF3 - 300
#6666EE - 400
#3F3FEA - 500
#1919E6 - 600
#1515C0 - 700
#111199 - 800
#0D0D73 - 900
#08084D - 950
#040426
Color harmonies for Bright Blue
- Complementary
#E6E61A≈ Bright Yellow - Analogous −30°
#1A80E6≈ Bright Cerulean - Analogous +30°
#801AE6≈ Bright Violet - Triadic +120°
#E61A1A≈ Bright Red - Triadic +240°
#1AE61A≈ Bright Green - Split 150°
#E6801A≈ Bright Orange - Split 210°
#80E61A≈ Bright Apple
Contrast and accessibility of Bright Blue
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Bright Blue | Aa | 9.04:1 | AAA (excellent) |
| Black text on Bright Blue | Aa | 2.32:1 | Fails |
CSS code for Bright Blue
background-color: #1919E6;color: #1919E6;background-color: rgb(25, 25, 230);background-color: hsl(240, 80%, 50%);:root { --color-bright-blue: #1919E6; }class="bg-[#1919E6]"Colors similar to Bright Blue
- Bright Ultramarine
#2E19E6 - Bright Royal
#192EE6 - Medium Dark Royal
#0015D6 - Pure Royal
#0019FF - Medium Dark Ultramarine
#1500D6 - Medium Dark Cobalt
#002BD6 - Medium Light Blue
#2929FF - Bright Indigo
#4219E6 - Medium Dark Indigo
#2B00D6 - Medium Dark Bright Blue
#1515C1 - Pure Ultramarine
#1900FF - Medium Dark Bright Ultramarine
#2715C1
More blue shades
- Very Pale Blue
#A3A3FF - Darkest Bright Blue
#05052E - Very Dark Bright Blue
#090953 - Dark Bright Blue
#0D0D77 - Deep Bright Blue
#11119C - Medium Dark Bright Blue
#1515C1 - Medium Light Bright Blue
#3E3EEA - Light Bright Blue
#6363EE - Pale Bright Blue
#8888F2 - Very Pale Bright Blue
#ACACF6 - Palest Bright Blue
#D1D1FA
Frequently asked questions
What is the HEX code for Bright Blue?
The HEX code for Bright Blue is #1919E6.
What is the RGB value of Bright Blue?
Bright Blue has an RGB value of 25, 25, 230 (rgb(25, 25, 230)). In HSL it is 240°, 80%, 50%.
What text color should I use on Bright Blue?
Use white text on Bright Blue. White text has a contrast ratio of 9.04:1 and black text has 2.32:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Bright Blue?
The complementary color of Bright Blue is #E6E61A. Analogous colors #1A80E6 and #801AE6 also pair well.