peacock blue Color Codes
Color Preview
Peacock Blue Color Codes
Related Colors
Complementary
#ffb27f
Analogous
hsl(234, 100%, 25%)
hsl(174, 100%, 25%)
Triadic
hsl(324, 100%, 25%)
hsl(84, 100%, 25%)
Tetradic
hsl(294, 100%, 25%)
hsl(24, 100%, 25%)
hsl(114, 100%, 25%)
HTML Snippets
.element { background-color: #004D80; }.element { color: #004D80; }This is how the text color would appear.
<span style="color: #004D80;">Colored text</span>This text has an inline style applied.
Accessibility
Contrast Ratios
Black2.37 (Fail)
White8.85 (AA)
Shades of Peacock Blue
hsl(204, 100%, 0%)
hsl(204, 100%, 10%)
#004D80
hsl(204, 100%, 40%)
hsl(204, 100%, 55%)
Color Blindness Simulations
Protanopia (Red-Blind)
#212261
Deuteranopia (Green-Blind)
#1d175a
Tritanopia (Blue-Blind)
#042c28
Related Palettes
This color is not part of any predefined palettes.
About peacock blue
peacock blue (#004D80) is a versatile color that can be used in various design contexts. Explore its hex code, RGB and HSL values, and discover complementary colors to create stunning color palettes for your projects.