Skip to the color picker

#486aa2 color: San Marino

#486aa2 is rgb(72, 106, 162) in RGB and oklch(52.418% 0.09732 259.971) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

217°
100%

52.4%
0.097
260°
  • Blue
  • Medium
  • Soft
  • Cool
  • ≈ Cerulean
  • sky-700
  • Black 36%

Inside sRGB: displays the same on any screen.

White text
5.44:1Readable · AA
Lc -82
Black text
3.86:1Hard to read
Lc 27

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 #486aa2

#486aa2 is a soft blue color. In OKLCH it has 52.4% lightness, 0.097 chroma and a hue of 260°.

Inside sRGB: displays the same on any screen.

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

The closest named color is San Marino (#4e6c9d). In Tailwind CSS the closest color is sky-700.

More medium blue colors

Lighter: #486aa2 mixed with white

  1. 486aa2
  2. 5978ac
  3. 6a87b5
  4. 7c95bf
  5. 8ea4c8
  6. a0b3d1
  7. b2c2db
  8. c5d1e4
  9. d8e0ed
  10. ebeff6

Darker: #486aa2 mixed with black

  1. 486aa2
  2. 3d5b8c
  3. 334d77
  4. 293f63
  5. 1f314f
  6. 16243c
  7. 0d182a
  8. 060d19
  9. 02040a
  10. 000001

Calmer: #486aa2 with less saturation

  1. 486aa2
  2. 4c6a9d
  3. 4f6b97
  4. 536b92
  5. 566b8c
  6. 5a6b87
  7. 5d6b81
  8. 606b7b
  9. 646b76
  10. 676a70

Questions about #486aa2

What color is #486aa2?

#486aa2 is soft blue. The closest named color is San Marino. In RGB it is rgb(72, 106, 162), in HSL hsl(217.33, 38.46%, 45.88%) and in OKLCH oklch(52.418% 0.09732 259.971).

What colors go well with #486aa2?

The complementary color of #486aa2 is #87631b. For a calmer combination use the analogous colors #177497 and #6a609e. The triadic partners are #9a5152 and #4a7840.

Is white or black text more readable on #486aa2?

White text reads better on #486aa2: white gives a contrast ratio of 5.44:1 and black gives 3.86:1. WCAG AA asks for at least 4.5:1 for body text.

Is #486aa2 a warm or cool color?

#486aa2 is a cool color. In OKLCH its hue is 260 degrees, its lightness 52.4% and its chroma 0.097.