Skip to the color picker

#4166a2 color: Mariner

#4166a2 is rgb(65, 102, 162) in RGB and oklch(51.123% 0.10483 259.652) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

217°
100%

51.1%
0.105
260°
  • Blue
  • Medium
  • Soft
  • Cool
  • ≈ Denim
  • sky-700
  • Black 36%

Inside sRGB: displays the same on any screen.

White text
5.76:1Readable · AA
Lc -84
Black text
3.65: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 #4166a2

#4166a2 is a soft blue color. In OKLCH it has 51.1% lightness, 0.105 chroma and a hue of 260°.

Inside sRGB: displays the same on any screen.

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

The closest named color is Mariner (#42639f). In Tailwind CSS the closest color is sky-700.

More medium blue colors

Lighter: #4166a2 mixed with white

  1. 4166a2
  2. 5375ac
  3. 6584b5
  4. 7793bf
  5. 8aa2c8
  6. 9cb1d2
  7. b0c0db
  8. c3d0e4
  9. d7dfed
  10. ebeff6

Darker: #4166a2 mixed with black

  1. 4166a2
  2. 37588c
  3. 2e4a77
  4. 253c63
  5. 1c2f4f
  6. 13233c
  7. 0b172a
  8. 050c19
  9. 01040a
  10. 000001

Calmer: #4166a2 with less saturation

  1. 4166a2
  2. 45669c
  3. 496796
  4. 4d6791
  5. 51678b
  6. 556785
  7. 58677f
  8. 5c6779
  9. 5f6773
  10. 63676d

Questions about #4166a2

What color is #4166a2?

#4166a2 is soft blue. The closest named color is Mariner. In RGB it is rgb(65, 102, 162), in HSL hsl(217.11, 42.73%, 44.51%) and in OKLCH oklch(51.123% 0.10483 259.652).

What colors go well with #4166a2?

The complementary color of #4166a2 is #865e03. For a calmer combination use the analogous colors #007196 and #665b9e. The triadic partners are #994b4d and #447538.

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

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

Is #4166a2 a warm or cool color?

#4166a2 is a cool color. In OKLCH its hue is 260 degrees, its lightness 51.1% and its chroma 0.105.