bright sapphire Color Codes
Color Preview
Bright Sapphire Color Codes
Related Colors
Complementary
#e16f00
Analogous
hsl(240, 100%, 56%)
hsl(180, 100%, 56%)
Triadic
hsl(330, 100%, 56%)
hsl(90, 100%, 56%)
Tetradic
hsl(300, 100%, 56%)
hsl(30, 100%, 56%)
hsl(120, 100%, 56%)
HTML Snippets
.element { background-color: #1E90FF; }
.element { color: #1E90FF; }
This is how the text color would appear.
<span style="color: #1E90FF;">Colored text</span>
This text has an inline style applied.
Accessibility
Contrast Ratios
Black6.49 (AA)
White3.24 (AA Large)
Shades of Bright Sapphire
hsl(210, 100%, 26%)
hsl(210, 100%, 41%)
#1E90FF
hsl(210, 100%, 71%)
hsl(210, 100%, 86%)
Color Blindness Simulations
Protanopia (Red-Blind)
#4f50c9
Deuteranopia (Green-Blind)
#4940bc
Tritanopia (Blue-Blind)
#245f5a
Related Palettes
About bright sapphire
bright sapphire (#1E90FF) 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.