azure breeze Color Codes
Color Preview: Azure Breeze
Azure Breeze Color Values
Related Colors
Complementary
#b0793e
Analogous
#504ec1
#4ebfc1
Triadic
#c14e85
#85c14e
Tetradic
#c14ebf
#c1894e
#4ec150
HTML Snippets
.element { background-color: #4F86C1; }
.element { color: #4F86C1; }
This is how the text color would appear.
<span style="color: #4F86C1;">Colored text</span>
This text has an inline style applied.
Accessibility
Contrast Ratios
Black5.51 (AA)
White3.81 (AA Large)
Shades of Azure Breeze
#1e3a57
#325f8f
#4F86C1
#86acd5
#bfd3e8
Color Blindness Simulations
Protanopia (Red-Blind)
#6767a5
Deuteranopia (Green-Blind)
#64609f
Tritanopia (Blue-Blind)
#526e6c
Related Palettes
This color is not part of any predefined palettes.
About azure breeze
azure breeze (#4F86C1) 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.