#305764 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dark, muted cyan with blue-gray undertones, #305764 creates a serious, shadowed mood without feeling harsh. Its low saturation suits technology, aerospace, communication, and moody interface designs. Use it as a dominant background with white text, which reaches about a 7.9:1 contrast ratio. The hex code for this color is #305764.
Questions about #305764
What is #305764 in RGB, HSL and CMYK?
In RGB, #305764 is rgb(48, 87, 100), in HSL hsl(195, 35%, 29%) and in CMYK 52%, 13%, 0%, 61%.
Does #305764 work with white text?
Yes, white text on #305764 reaches about a 7.9:1 contrast ratio, providing strong readability and typically meeting WCAG AA and AAA contrast thresholds for normal text when the displayed values match this color.
What colors pair well with #305764?
#305764 pairs well with white, pale blue-gray, and warm off-white accents because these lighter tones preserve its cool depth, sharpen text and interface elements, and create a clean counterpoint to its muted cyan base. A restrained coral accent can add energy without overwhelming the shade.
Does #305764 read as warm or cool?
#305764 reads as cool because its cyan base leans blue, while its gray undertones reduce saturation and soften the effect. The result is a serious, composed mood rather than the sharper energy of a bright cyan.
Where can #305764 work well?
#305764 works well as a dominant background for technology, aerospace, communication, and moody interface designs, especially when paired with white text or lighter controls that maintain clear separation between elements.
Is #305764 readable on white or black?
#305764 has a 7.85:1 contrast ratio on white and 2.67: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 is too faint for text. Try other pairs in the contrast checker.