#427482 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted cyan carries a distinct ashy undertone, giving it a cool, professional edge. Because it is highly unsaturated, #427482 functions best as a supporting tone in web interfaces rather than a dominant background. White text sits comfortably on this shade, making it a solid choice for secondary UI elements. Pair it with warm terracottas to balance the temperature and add some depth to your layout.
Questions about #427482
What is #427482 in RGB, HSL and CMYK?
In RGB, #427482 is rgb(66, 116, 130), in HSL hsl(193, 33%, 38%) and in CMYK 49%, 11%, 0%, 49%. Browse more shades of blue with names and hex codes.
What colors pair well with #427482?
Because of its ashy, unsaturated quality, #427482 balances exceptionally well with terracotta or warm earth tones, which inject necessary warmth into the layout. If you need a clean, modern look, pair it with soft cream or cool charcoal to maintain that professional edge.
Is #427482 effective for text on web interfaces?
Using #427482 as a background color is highly effective for UI components because it provides sufficient contrast for white text, keeping the interface readable and calm. Avoid using it as a text color on white backgrounds, as it lacks the darkness required for strong readability and accessibility compliance.
Is #427482 readable on white or black?
#427482 has a 5.18:1 contrast ratio on white and 4.05:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.