Skip to the color picker

#3167a2 color: Distant Blue

#3167a2 is rgb(49, 103, 162) in RGB and oklch(50.609% 0.11045 252.595) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

211°
100%

50.6%
0.110
253°
  • Blue
  • Medium
  • Vivid
  • Cool
  • ≈ Denim
  • sky-700
  • Black 36%

Inside sRGB: displays the same on any screen.

White text
5.85:1Readable · AA
Lc -84
Black text
3.59:1Hard to read
Lc 25

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 #3167a2

#3167a2 is a bright blue color. In OKLCH it has 50.6% lightness, 0.11 chroma and a hue of 253°.

Inside sRGB: displays the same on any screen.

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

The closest named color is Distant Blue (#2c66a0). In Tailwind CSS the closest color is sky-700.

More medium blue colors

Lighter: #3167a2 mixed with white

  1. 3167a2
  2. 4676ac
  3. 5a85b5
  4. 6e94bf
  5. 82a3c8
  6. 96b2d2
  7. abc1db
  8. bfd0e4
  9. d4e0ed
  10. eaeff6

Darker: #3167a2 mixed with black

  1. 3167a2
  2. 29598c
  3. 224b77
  4. 1a3d63
  5. 13304f
  6. 0c233c
  7. 06172a
  8. 030c19
  9. 01040a
  10. 000001

Calmer: #3167a2 with less saturation

  1. 3167a2
  2. 38679c
  3. 3e6796
  4. 446790
  5. 49678a
  6. 4e6784
  7. 53677e
  8. 586678
  9. 5c6672
  10. 61656b

Questions about #3167a2

What color is #3167a2?

#3167a2 is bright blue. The closest named color is Distant Blue. In RGB it is rgb(49, 103, 162), in HSL hsl(211.33, 53.55%, 41.37%) and in OKLCH oklch(50.609% 0.11045 252.595).

What colors go well with #3167a2?

The complementary color of #3167a2 is #8b5900. For a calmer combination use the analogous colors #007292 and #5c5ba2. The triadic partners are #994753 and #4c7229.

Is white or black text more readable on #3167a2?

White text reads better on #3167a2: white gives a contrast ratio of 5.85:1 and black gives 3.59:1. WCAG AA asks for at least 4.5:1 for body text.

Is #3167a2 a warm or cool color?

#3167a2 is a cool color. In OKLCH its hue is 253 degrees, its lightness 50.6% and its chroma 0.11.