Bright Cerulean is a medium, saturated shade in the blue color family, with a cool feel. Its HEX code is #197FE6, which equals rgb(25, 127, 230) in RGB and hsl(210, 80%, 50%) in HSL. In print terms it converts to roughly C89 M45 Y0 K10, although exact CMYK results depend on the paper and color profile.
- HEX
#197FE6 - RGB
25, 127, 230 - HSL
210°, 80%, 50% - CMYK
89, 45, 0, 10 - Family
Blue - Tone
Medium, saturated
About Bright Cerulean
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 black is the most readable choice on this color, with a contrast ratio of 5.22:1. Its complementary color is #E6801A.
Download Bright Cerulean 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 Cerulean color codes
| HEX | #197FE6 |
|---|---|
| RGB | rgb(25, 127, 230) |
| HSL | hsl(210, 80%, 50%) |
| HSV | 210°, 89%, 90% |
| CMYK | 89%, 45%, 0%, 10% |
| Decimal | 1671142 |
Shades and tints of Bright Cerulean
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#D9EAFB - 100
#B2D4F7 - 200
#8CBFF3 - 300
#66AAEE - 400
#3F94EA - 500
#197FE6 - 600
#156AC0 - 700
#115599 - 800
#0D4073 - 900
#082A4D - 950
#041526
Color harmonies for Bright Cerulean
- Complementary
#E6801A≈ Bright Orange - Analogous −30°
#1AE6E6≈ Bright Cyan - Analogous +30°
#1A1AE6≈ Bright Blue - Triadic +120°
#E61A80≈ Bright Blush - Triadic +240°
#80E61A≈ Bright Apple - Split 150°
#E61A1A≈ Bright Red - Split 210°
#E6E61A≈ Bright Yellow
Contrast and accessibility of Bright Cerulean
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Bright Cerulean | Aa | 4.02:1 | AA Large only |
| Black text on Bright Cerulean | Aa | 5.22:1 | AA (good) |
CSS code for Bright Cerulean
background-color: #197FE6;color: #197FE6;background-color: rgb(25, 127, 230);background-color: hsl(210, 80%, 50%);:root { --color-bright-cerulean: #197FE6; }class="bg-[#197FE6]"Colors similar to Bright Cerulean
- Bright Cornflower
#196BE6 - Bright Azure
#1994E6 - Medium Dark Azure
#0081D6 - Medium Light Cornflower
#297EFF - Dodger Blue
#1E90FF - Medium Light Bright Cornflower
#3E83EA - Azure Blue
#007FFF - Soft Cerulean
#337FCC - Medium Dark Cerulean
#006BD6 - Medium Light Bright Sapphire
#3E72EA - Medium Dark Bright Azure
#157CC1 - Medium Light Cerulean
#2994FF
More blue shades
- Palest Cerulean
#CCE5FF - Darkest Bright Cerulean
#05192E - Very Dark Bright Cerulean
#092E53 - Dark Bright Cerulean
#0D4277 - Deep Bright Cerulean
#11579C - Medium Dark Bright Cerulean
#156BC1 - Medium Light Bright Cerulean
#3E94EA - Light Bright Cerulean
#63A8EE - Pale Bright Cerulean
#88BDF2 - Very Pale Bright Cerulean
#ACD1F6 - Palest Bright Cerulean
#D1E5FA
Frequently asked questions
What is the HEX code for Bright Cerulean?
The HEX code for Bright Cerulean is #197FE6.
What is the RGB value of Bright Cerulean?
Bright Cerulean has an RGB value of 25, 127, 230 (rgb(25, 127, 230)). In HSL it is 210°, 80%, 50%.
What text color should I use on Bright Cerulean?
Use black text on Bright Cerulean. White text has a contrast ratio of 4.02:1 and black text has 5.22:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Bright Cerulean?
The complementary color of Bright Cerulean is #E6801A. Analogous colors #1AE6E6 and #1A1AE6 also pair well.