cobalt blue Color Codes
Color Preview
Cobalt Blue Color Codes
Related Colors
Complementary
#c5a032
Analogous
hsl(255, 60%, 52%)
hsl(195, 60%, 52%)
Triadic
hsl(345, 60%, 52%)
hsl(105, 60%, 52%)
Tetradic
hsl(315, 60%, 52%)
hsl(45, 60%, 52%)
hsl(135, 60%, 52%)
HTML Snippets
.element { background-color: #3A5FCD; }.element { color: #3A5FCD; }This is how the text color would appear.
<span style="color: #3A5FCD;">Colored text</span>This text has an inline style applied.
Accessibility
Contrast Ratios
Black3.70 (AA Large)
White5.68 (AA)
Shades of Cobalt Blue
hsl(225, 60%, 22%)
hsl(225, 60%, 37%)
#3A5FCD
hsl(225, 60%, 67%)
hsl(225, 60%, 82%)
Color Blindness Simulations
Protanopia (Red-Blind)
#4a4aa9
Deuteranopia (Green-Blind)
#4845a1
Tritanopia (Blue-Blind)
#3c4f4d
Related Palettes
About cobalt blue
cobalt blue (#3A5FCD) 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.