Bright Peacock is a medium, saturated shade in the blue color family, with a cool feel. Its HEX code is #19BDE6, which equals rgb(25, 189, 230) in RGB and hsl(192, 80%, 50%) in HSL. In print terms it converts to roughly C89 M18 Y0 K10, although exact CMYK results depend on the paper and color profile.
- HEX
#19BDE6 - RGB
25, 189, 230 - HSL
192°, 80%, 50% - CMYK
89, 18, 0, 10 - Family
Blue - Tone
Medium, saturated
About Bright Peacock
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 9.46:1. Its complementary color is #E6421A.
Download Bright Peacock 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 Peacock color codes
| HEX | #19BDE6 |
|---|---|
| RGB | rgb(25, 189, 230) |
| HSL | hsl(192, 80%, 50%) |
| HSV | 192°, 89%, 90% |
| CMYK | 89%, 18%, 0%, 10% |
| Decimal | 1687014 |
Shades and tints of Bright Peacock
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#D9F4FB - 100
#B2E9F7 - 200
#8CDEF3 - 300
#66D3EE - 400
#3FC8EA - 500
#19BDE6 - 600
#159EC0 - 700
#117E99 - 800
#0D5F73 - 900
#083F4D - 950
#042026
Color harmonies for Bright Peacock
- Complementary
#E6421A≈ Bright Vermilion - Analogous −30°
#1AE6A8≈ Bright Aquamarine - Analogous +30°
#1A57E6≈ Bright Sapphire - Triadic +120°
#E61ABD≈ Bright Cerise - Triadic +240°
#BDE61A≈ Bright Lime - Split 150°
#E61A57≈ Bright Ruby - Split 210°
#E6A81A≈ Bright Amber
Contrast and accessibility of Bright Peacock
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Bright Peacock | Aa | 2.22:1 | Fails |
| Black text on Bright Peacock | Aa | 9.46:1 | AAA (excellent) |
CSS code for Bright Peacock
background-color: #19BDE6;color: #19BDE6;background-color: rgb(25, 189, 230);background-color: hsl(192, 80%, 50%);:root { --color-bright-peacock: #19BDE6; }class="bg-[#19BDE6]"Colors similar to Bright Peacock
- Bright Lagoon
#19D1E6 - Bright Capri
#19A8E6 - Medium Dark Lagoon
#00C1D6 - Medium Light Capri
#29BFFF - Deep Sky Blue
#00BFFF - Medium Light Bright Capri
#3EB6EA - Medium Dark Peacock
#00ABD6 - Soft Lagoon
#33BDCC - Medium Light Bright Peacock
#3EC7EA - Pure Capri
#00B2FF - Dark Turquoise
#00CED1 - Medium Light Azure
#29A9FF
More blue shades
- Palest Peacock
#CCF5FF - Darkest Bright Peacock
#05262E - Very Dark Bright Peacock
#094453 - Dark Bright Peacock
#0D6277 - Deep Bright Peacock
#11809C - Medium Dark Bright Peacock
#159FC1 - Medium Light Bright Peacock
#3EC7EA - Light Bright Peacock
#63D2EE - Pale Bright Peacock
#88DDF2 - Very Pale Bright Peacock
#ACE7F6 - Palest Bright Peacock
#D1F2FA
Frequently asked questions
What is the HEX code for Bright Peacock?
The HEX code for Bright Peacock is #19BDE6.
What is the RGB value of Bright Peacock?
Bright Peacock has an RGB value of 25, 189, 230 (rgb(25, 189, 230)). In HSL it is 192°, 80%, 50%.
What text color should I use on Bright Peacock?
Use black text on Bright Peacock. White text has a contrast ratio of 2.22:1 and black text has 9.46:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Bright Peacock?
The complementary color of Bright Peacock is #E6421A. Analogous colors #1AE6A8 and #1A57E6 also pair well.