Skip to the color picker

#367cce color: Heirloom Hydrangea

#367cce is rgb(54, 124, 206) in RGB and oklch(58.264% 0.14435 254.386) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

212°
100%

58.3%
0.144
254°
  • Blue
  • Medium
  • Vivid
  • Cool
  • ≈ Steel blue
  • sky-600
  • Black 19%

Inside sRGB: displays the same on any screen.

White text
4.26:1Hard to read
Lc -75
Black text
4.93:1Readable · AA
Lc 35

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

#367cce is a bright blue color. In OKLCH it has 58.3% lightness, 0.144 chroma and a hue of 254°.

Inside sRGB: displays the same on any screen.

White text on it reaches 4.26:1 contrast and black text 4.93: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: #367cce mixed with white

  1. 367cce
  2. 4c89d4
  3. 6097d9
  4. 74a4df
  5. 88b1e4
  6. 9cbee9
  7. afcbee
  8. c3d8f3
  9. d7e5f7
  10. ebf2fb

Darker: #367cce mixed with black

  1. 367cce
  2. 2e6bb3
  3. 255a98
  4. 1e4a7f
  5. 163b66
  6. 0f2c4e
  7. 081e38
  8. 031123
  9. 01050f
  10. 000102

Calmer: #367cce with less saturation

  1. 367cce
  2. 3f7dc6
  3. 487dbe
  4. 4f7db6
  5. 577dae
  6. 5d7da5
  7. 647d9d
  8. 6a7d95
  9. 707c8c
  10. 757c84

Questions about #367cce

What color is #367cce?

#367cce is bright blue. The closest named color is Heirloom Hydrangea. In RGB it is rgb(54, 124, 206), in HSL hsl(212.37, 60.8%, 50.98%) and in OKLCH oklch(58.264% 0.14435 254.386).

What colors go well with #367cce?

The complementary color of #367cce is #ac6b00. For a calmer combination use the analogous colors #008ab5 and #736ccc. The triadic partners are #c15160 and #548d29.

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

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

Is #367cce a warm or cool color?

#367cce is a cool color. In OKLCH its hue is 254 degrees, its lightness 58.3% and its chroma 0.144.