Skip to the color picker

#3a6cc2 color: Matt Blue

#3a6cc2 is rgb(58, 108, 194) in RGB and oklch(54.12% 0.14499 260.477) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

218°
100%

54.1%
0.145
260°
  • Blue
  • Medium
  • Soft
  • Cool
  • ≈ Denim
  • sky-700
  • Black 24%

Inside sRGB: displays the same on any screen.

White text
5.12:1Readable · AA
Lc -80
Black text
4.10:1Hard to read
Lc 29

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 #3a6cc2

#3a6cc2 is a soft blue color. In OKLCH it has 54.1% lightness, 0.145 chroma and a hue of 260°.

Inside sRGB: displays the same on any screen.

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

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

More medium blue colors

Lighter: #3a6cc2 mixed with white

  1. 3a6cc2
  2. 4d7bc9
  3. 608ad0
  4. 7398d7
  5. 87a7dd
  6. 9ab6e3
  7. aec4e9
  8. c2d3ef
  9. d6e1f5
  10. eaf0fa

Darker: #3a6cc2 mixed with black

  1. 3a6cc2
  2. 315da8
  3. 284e8f
  4. 204077
  5. 183260
  6. 102549
  7. 091934
  8. 040d20
  9. 01040e
  10. 000002

Calmer: #3a6cc2 with less saturation

  1. 3a6cc2
  2. 406dba
  3. 466eb2
  4. 4c6faa
  5. 516fa2
  6. 567099
  7. 5c7091
  8. 617089
  9. 657080
  10. 6a6f78

Questions about #3a6cc2

What color is #3a6cc2?

#3a6cc2 is soft blue. The closest named color is Matt Blue. In RGB it is rgb(58, 108, 194), in HSL hsl(217.94, 53.97%, 49.41%) and in OKLCH oklch(54.12% 0.14499 260.477).

What colors go well with #3a6cc2?

The complementary color of #3a6cc2 is #966400. For a calmer combination use the analogous colors #007bac and #705cbc. The triadic partners are #b4444a and #388229.

Is white or black text more readable on #3a6cc2?

White text reads better on #3a6cc2: white gives a contrast ratio of 5.12:1 and black gives 4.1:1. WCAG AA asks for at least 4.5:1 for body text.

Is #3a6cc2 a warm or cool color?

#3a6cc2 is a cool color. In OKLCH its hue is 260 degrees, its lightness 54.1% and its chroma 0.145.