#649aa0 color: Beach Blue
#649aa0 is rgb(100, 154, 160) in RGB and oklch(65.08% 0.05769 204.723) in OKLCH. Every other format, shade and contrast value is below.
Read as HEX
- Ctrl Vpaste a color anywhere
- Spacerandom color
- Ccopy HEX
- Cyan
- Medium
- Soft
- Dusty
- Cool
- ≈ Slate
- slate-400
- Black 37%
Inside sRGB: displays the same on any screen.
Shades
From lightest to darkest. Click a shade to use it.
Harmonies
Open as paletteRecent
Colors you stop on or copy appear here. They stay on this device.
About #649aa0
#649aa0 is a dusty cyan color. In OKLCH it has 65.1% lightness, 0.058 chroma and a hue of 205°.
Inside sRGB: displays the same on any screen.
White text on it reaches 3.15:1 contrast and black text 6.67:1, so black text reads better.
The closest named color is Beach Blue (#5f9ca2). In Tailwind CSS the closest color is slate-400.
Lighter: #649aa0 mixed with white
Darker: #649aa0 mixed with black
Calmer: #649aa0 with less saturation
Similar named colors
Colors that go with #649aa0
Questions about #649aa0
What color is #649aa0?
#649aa0 is dusty cyan. The closest named color is Beach Blue. In RGB it is rgb(100, 154, 160), in HSL hsl(186, 24%, 50.98%) and in OKLCH oklch(65.08% 0.05769 204.723).
What colors go well with #649aa0?
The complementary color of #649aa0 is #b0827e. For a calmer combination use the analogous colors #699b8d and #6d96ae. The triadic partners are #a284a3 and #a08d67.
Is white or black text more readable on #649aa0?
Black text reads better on #649aa0: white gives a contrast ratio of 3.15:1 and black gives 6.67:1. WCAG AA asks for at least 4.5:1 for body text.
Is #649aa0 a warm or cool color?
#649aa0 is a cool color. In OKLCH its hue is 205 degrees, its lightness 65.1% and its chroma 0.058.