Skip to the color picker
PickShade

#314b59 color: Sailor’s Coat

Every format, shade and contrast value for #314b59. Drag the picker to explore nearby colors.

Read as HEX

201°
100%

OKLCH

39.8%
0.040
233°
  • ≈ Charcoal
  • Sky blue
  • Dark
  • Muted
  • Cool
  • gray-700
  • Black 65%

Looks the same on every screen.

White text9.21:1 · AALc -96
Black text2.28:1 · Below AALc 13

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Open as palette

Recent

Colors you stop on or copy appear here. They stay on this device.

About #314b59

#314b59 is a muted dark sky blue color. In OKLCH it has 39.8% lightness, 0.04 chroma and a hue of 233°.

Looks the same on every screen.

White text on it reaches 9.21:1 contrast and black text 2.28:1, so white text reads better.

The closest named color is Sailor’s Coat (#334b58). In Tailwind CSS the closest color is gray-700.

More dark sky blue colors

Lighter: #314b59 mixed with white

  1. 314b59
  2. 445b68
  3. 576c78
  4. 6a7d88
  5. 7e8f98
  6. 93a1a8
  7. a7b3b9
  8. bdc5ca
  9. d2d8dc
  10. e9ebed

Darker: #314b59 mixed with black

  1. 314b59
  2. 29404c
  3. 223540
  4. 1a2b34
  5. 132128
  6. 0c171d
  7. 060e13
  8. 030609
  9. 010203
  10. 000000

Calmer: #314b59 with less saturation

  1. 314b59
  2. 344b57
  3. 364a55
  4. 384a54
  5. 3b4a52
  6. 3d4950
  7. 3f494e
  8. 41484c
  9. 43484b
  10. 454749