Skip to the color picker

#3a5fac color: Kakitsubata Blue

#3a5fac is rgb(58, 95, 172) in RGB and oklch(49.822% 0.13003 263.169) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

221°
100%

49.8%
0.130
263°
  • Blue
  • Dark
  • Soft
  • Cool
  • ≈ Denim
  • sky-700
  • Black 33%

Inside sRGB: displays the same on any screen.

White text
6.15:1Readable · AA
Lc -86
Black text
3.41:1Hard to read
Lc 24

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

#3a5fac is a soft dark blue color. In OKLCH it has 49.8% lightness, 0.13 chroma and a hue of 263°.

Inside sRGB: displays the same on any screen.

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

The closest named color is Kakitsubata Blue (#3e62ad). In Tailwind CSS the closest color is sky-700.

More dark blue colors

Lighter: #3a5fac mixed with white

  1. 3a5fac
  2. 4c6fb5
  3. 5f7fbe
  4. 728ec7
  5. 859ecf
  6. 98aed8
  7. acbee0
  8. c0cee8
  9. d5def0
  10. eaeff7

Darker: #3a5fac mixed with black

  1. 3a5fac
  2. 315295
  3. 28447f
  4. 203869
  5. 182c54
  6. 102040
  7. 09152d
  8. 040a1b
  9. 01030b
  10. 000001

Calmer: #3a5fac with less saturation

  1. 3a5fac
  2. 3e60a5
  3. 43619e
  4. 476297
  5. 4b628f
  6. 4f6388
  7. 536381
  8. 57637a
  9. 5b6372
  10. 5f636a

Questions about #3a5fac

What color is #3a5fac?

#3a5fac is soft dark blue. The closest named color is Kakitsubata Blue. In RGB it is rgb(58, 95, 172), in HSL hsl(220.53, 49.57%, 45.1%) and in OKLCH oklch(49.822% 0.13003 263.169).

What colors go well with #3a5fac?

The complementary color of #3a5fac is #845a00. For a calmer combination use the analogous colors #006c9f and #6751a5. The triadic partners are #a03e3e and #2c752b.

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

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

Is #3a5fac a warm or cool color?

#3a5fac is a cool color. In OKLCH its hue is 263 degrees, its lightness 49.8% and its chroma 0.13.