Skip to the color picker

#367ac9 color: Heirloom Hydrangea

#367ac9 is rgb(54, 122, 201) in RGB and oklch(57.51% 0.13999 254.167) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

212°
100%

57.5%
0.140
254°
  • Blue
  • Medium
  • Vivid
  • Cool
  • ≈ Steel blue
  • sky-600
  • Black 21%

Inside sRGB: displays the same on any screen.

White text
4.39:1Hard to read
Lc -76
Black text
4.78:1Readable · AA
Lc 34

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 #367ac9

#367ac9 is a bright blue color. In OKLCH it has 57.5% lightness, 0.14 chroma and a hue of 254°.

Inside sRGB: displays the same on any screen.

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

The closest named color is Heirloom Hydrangea (#327ccb). In Tailwind CSS the closest color is sky-600.

More medium blue colors

Lighter: #367ac9 mixed with white

  1. 367ac9
  2. 4c88cf
  3. 6095d5
  4. 74a2db
  5. 88afe1
  6. 9bbde6
  7. afcaec
  8. c3d7f1
  9. d7e4f6
  10. ebf2fb

Darker: #367ac9 mixed with black

  1. 367ac9
  2. 2e69ae
  3. 255995
  4. 1e497c
  5. 163a64
  6. 0f2b4c
  7. 081d36
  8. 031022
  9. 01050f
  10. 000102

Calmer: #367ac9 with less saturation

  1. 367ac9
  2. 3f7bc1
  3. 477bb9
  4. 4f7bb2
  5. 557baa
  6. 5c7ba2
  7. 627b9a
  8. 687b92
  9. 6e7a8a
  10. 737981

Questions about #367ac9

What color is #367ac9?

#367ac9 is bright blue. The closest named color is Heirloom Hydrangea. In RGB it is rgb(54, 122, 201), in HSL hsl(212.24, 57.65%, 50%) and in OKLCH oklch(57.51% 0.13999 254.167).

What colors go well with #367ac9?

The complementary color of #367ac9 is #a96900. For a calmer combination use the analogous colors #0087b1 and #716ac8. The triadic partners are #bd505f and #548a2a.

Is white or black text more readable on #367ac9?

White text reads better on #367ac9: white gives a contrast ratio of 4.39:1 and black gives 4.78:1. WCAG AA asks for at least 4.5:1 for body text.

Is #367ac9 a warm or cool color?

#367ac9 is a cool color. In OKLCH its hue is 254 degrees, its lightness 57.5% and its chroma 0.14.