Skip to the color picker

#3d66b4 color: Kakitsubata Blue

#3d66b4 is rgb(61, 102, 180) in RGB and oklch(52.029% 0.13173 261.975) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

219°
100%

52%
0.132
262°
  • Blue
  • Medium
  • Soft
  • Cool
  • ≈ Denim
  • sky-700
  • Black 29%

Inside sRGB: displays the same on any screen.

White text
5.59:1Readable · AA
Lc -83
Black text
3.76:1Hard to read
Lc 26

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Recent

Colors you stop on or copy appear here. They stay on this device.

About #3d66b4

#3d66b4 is a soft blue color. In OKLCH it has 52% lightness, 0.132 chroma and a hue of 262°.

Inside sRGB: displays the same on any screen.

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

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

More medium blue colors

Lighter: #3d66b4 mixed with white

Darker: #3d66b4 mixed with black

Calmer: #3d66b4 with less saturation

Similar named colors

Colors that go with #3d66b4

Complementary
Analogous
Triadic
Split

Questions about #3d66b4

What color is #3d66b4?

#3d66b4 is soft blue. The closest named color is Kakitsubata Blue. In RGB it is rgb(61, 102, 180), in HSL hsl(219.33, 49.38%, 47.25%) and in OKLCH oklch(52.029% 0.13173 261.975).

What colors go well with #3d66b4?

The complementary color of #3d66b4 is #8d5f00. For a calmer combination use the analogous colors #0074a6 and #6c58ae. The triadic partners are #a84445 and #357b2f.

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

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

Is #3d66b4 a warm or cool color?

#3d66b4 is a cool color. In OKLCH its hue is 262 degrees, its lightness 52% and its chroma 0.132.