#315380 color: St. Tropez
#315380 is rgb(49, 83, 128) in RGB and oklch(43.834% 0.08473 255.941) 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-800
- Black 50%
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 #315380
#315380 is a soft dark blue color. In OKLCH it has 43.8% lightness, 0.085 chroma and a hue of 256°.
Inside sRGB: displays the same on any screen.
White text on it reaches 7.84:1 contrast and black text 2.68:1, so white text reads better.
The closest named color is St. Tropez (#325482). In Tailwind CSS the closest color is sky-800.
Lighter: #315380 mixed with white
Darker: #315380 mixed with black
Calmer: #315380 with less saturation
Similar named colors
Colors that go with #315380
Questions about #315380
What color is #315380?
#315380 is soft dark blue. The closest named color is St. Tropez. In RGB it is rgb(49, 83, 128), in HSL hsl(214.18, 44.63%, 34.71%) and in OKLCH oklch(43.834% 0.08473 255.941).
What colors go well with #315380?
The complementary color of #315380 is #6d4b0f. For a calmer combination use the analogous colors #005b76 and #4e4a7e. The triadic partners are #7a3d42 and #3c5c2b.
Is white or black text more readable on #315380?
White text reads better on #315380: white gives a contrast ratio of 7.84:1 and black gives 2.68:1. WCAG AA asks for at least 4.5:1 for body text.
Is #315380 a warm or cool color?
#315380 is a cool color. In OKLCH its hue is 256 degrees, its lightness 43.8% and its chroma 0.085.