#5f9ea0 rgb(95, 158, 160) 182°, 25%, 50% Use CadetBlue in Your Projects
About CadetBlue Color
CadetBlue is a muted blue-gray that feels calm and understated. It works well for secondary UI elements and professional backgrounds.
Use Cases for CadetBlue
Shades & Tints of CadetBlue
Complementary Color
Analogous Colors
Triadic Colors
Split Complementary
Tetradic Colors
CSS Code
.cadetblue-color {
color: #5f9ea0;
background-color: #5f9ea0;
}
/* As a CSS custom property */
:root {
--color-cadetblue: #5f9ea0;
}Accessibility Score
A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.
Contrast Recommendations
Frequently Asked Questions
What color is CadetBlue?
CadetBlue is represented by the hex code #5f9ea0 and has RGB values of rgb(95, 158, 160). It falls under the Blue category.
How to use CadetBlue in web design?
CadetBlue works well for professional backgrounds, secondary UI, calm themes. CadetBlue is a muted blue-gray that feels calm and understated. It works well for secondary UI elements and professional backgrounds. Use it as a primary color, accent, or background depending on your design needs.
What colors go with CadetBlue?
Colors that pair well with CadetBlue include steelblue, lightsteelblue, powderblue, darkcyan, darkseagreen. For a complementary scheme, try #9f6260. For an analogous scheme, use #609f82 and #607d9f. For a triadic scheme, combine with #9f609d and #9d9f60.