#20486b color: Grape Blue
#20486b is rgb(32, 72, 107) in RGB and oklch(39.039% 0.07484 247.5) in OKLCH. Every other format, shade and contrast value is below.
Read as HEX
- Ctrl Vpaste a color anywhere
- Spacerandom color
- Ccopy HEX
- Blue
- Dark
- Soft
- Cool
- ≈ Charcoal
- sky-900
- Black 58%
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 #20486b
#20486b is a soft dark blue color. In OKLCH it has 39% lightness, 0.075 chroma and a hue of 247°.
Inside sRGB: displays the same on any screen.
White text on it reaches 9.54:1 contrast and black text 2.2:1, so white text reads better.
The closest named color is Grape Blue (#24486c). In Tailwind CSS the closest color is sky-900.
Lighter: #20486b mixed with white
Darker: #20486b mixed with black
Calmer: #20486b with less saturation
Similar named colors
Colors that go with #20486b
Questions about #20486b
What color is #20486b?
#20486b is soft dark blue. The closest named color is Grape Blue. In RGB it is rgb(32, 72, 107), in HSL hsl(208, 53.96%, 27.25%) and in OKLCH oklch(39.039% 0.07484 247.5).
What colors go well with #20486b?
The complementary color of #20486b is #5f3c11. For a calmer combination use the analogous colors #004e5f and #3c416d. The triadic partners are #66333e and #3a4c1d.
Is white or black text more readable on #20486b?
White text reads better on #20486b: white gives a contrast ratio of 9.54:1 and black gives 2.2:1. WCAG AA asks for at least 4.5:1 for body text.
Is #20486b a warm or cool color?
#20486b is a cool color. In OKLCH its hue is 247 degrees, its lightness 39% and its chroma 0.075.