Skip to the color picker

#3369a2 color: Distant Blue

#3369a2 is rgb(51, 105, 162) in RGB and oklch(51.16% 0.10759 251.78) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

211°
100%

51.2%
0.108
252°
  • Blue
  • Medium
  • Vivid
  • Cool
  • ≈ Cerulean
  • sky-700
  • Black 36%

Inside sRGB: displays the same on any screen.

White text
5.70:1Readable · AA
Lc -84
Black text
3.68:1Hard to read
Lc 26

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

#3369a2 is a bright blue color. In OKLCH it has 51.2% lightness, 0.108 chroma and a hue of 252°.

Inside sRGB: displays the same on any screen.

White text on it reaches 5.7:1 contrast and black text 3.68: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: #3369a2 mixed with white

  1. 3369a2
  2. 4878ac
  3. 5c86b5
  4. 7095bf
  5. 83a4c8
  6. 97b3d2
  7. acc2db
  8. c0d1e4
  9. d5e0ed
  10. eaeff6

Darker: #3369a2 mixed with black

  1. 3369a2
  2. 2b5a8c
  3. 234c77
  4. 1c3e63
  5. 14314f
  6. 0d243c
  7. 07182a
  8. 030c19
  9. 01040a
  10. 000001

Calmer: #3369a2 with less saturation

  1. 3369a2
  2. 3a699c
  3. 406996
  4. 456991
  5. 4b698b
  6. 506985
  7. 55697f
  8. 596879
  9. 5e6873
  10. 62676d

Questions about #3369a2

What color is #3369a2?

#3369a2 is bright blue. The closest named color is Distant Blue. In RGB it is rgb(51, 105, 162), in HSL hsl(210.81, 52.11%, 41.76%) and in OKLCH oklch(51.16% 0.10759 251.78).

What colors go well with #3369a2?

The complementary color of #3369a2 is #8c5a06. For a calmer combination use the analogous colors #007392 and #5d5da2. The triadic partners are #9a4a56 and #4f732c.

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

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

Is #3369a2 a warm or cool color?

#3369a2 is a cool color. In OKLCH its hue is 252 degrees, its lightness 51.2% and its chroma 0.108.