Skip to the color picker

#367bca color: Heirloom Hydrangea

#367bca is rgb(54, 123, 202) in RGB and oklch(57.796% 0.14023 253.906) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

212°
100%

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

Inside sRGB: displays the same on any screen.

White text
4.34:1Hard to read
Lc -75
Black text
4.84: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 #367bca

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

Inside sRGB: displays the same on any screen.

White text on it reaches 4.34:1 contrast and black text 4.84: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: #367bca mixed with white

  1. 367bca
  2. 4c88d0
  3. 6096d6
  4. 74a3dc
  5. 88b0e2
  6. 9bbde7
  7. afcaec
  8. c3d7f1
  9. d7e5f6
  10. ebf2fb

Darker: #367bca mixed with black

  1. 367bca
  2. 2e6aaf
  3. 255a95
  4. 1e4a7c
  5. 163a64
  6. 0f2c4d
  7. 081e37
  8. 031022
  9. 01050f
  10. 000102

Calmer: #367bca with less saturation

  1. 367bca
  2. 3f7cc2
  3. 477cba
  4. 4f7cb3
  5. 567cab
  6. 5c7ca3
  7. 637c9b
  8. 697b93
  9. 6f7b8a
  10. 747a82

Questions about #367bca

What color is #367bca?

#367bca is bright blue. The closest named color is Heirloom Hydrangea. In RGB it is rgb(54, 123, 202), in HSL hsl(212.03, 58.27%, 50.2%) and in OKLCH oklch(57.796% 0.14023 253.906).

What colors go well with #367bca?

The complementary color of #367bca is #aa6a00. For a calmer combination use the analogous colors #0088b2 and #716bc9. The triadic partners are #be5160 and #558b2a.

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

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

Is #367bca a warm or cool color?

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