Skip to the color picker

#227ccc color: Heirloom Hydrangea

#227ccc is rgb(34, 124, 204) in RGB and oklch(57.594% 0.14752 250.318) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

208°
100%

57.6%
0.148
250°
  • Blue
  • Medium
  • Vivid
  • Cool
  • ≈ Steel blue
  • sky-600
  • Black 20%

Inside sRGB: displays the same on any screen.

White text
4.35:1Hard to read
Lc -75
Black text
4.82: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 #227ccc

#227ccc is a bright blue color. In OKLCH it has 57.6% lightness, 0.148 chroma and a hue of 250°.

Inside sRGB: displays the same on any screen.

White text on it reaches 4.35:1 contrast and black text 4.82: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: #227ccc mixed with white

  1. 227ccc
  2. 3f89d2
  3. 5797d8
  4. 6ca4dd
  5. 82b1e3
  6. 96bee8
  7. abcbed
  8. c0d8f2
  9. d5e5f6
  10. eaf2fb

Darker: #227ccc mixed with black

  1. 227ccc
  2. 1c6bb1
  3. 165a97
  4. 114a7e
  5. 0b3b65
  6. 072c4e
  7. 031e37
  8. 011122
  9. 00050f
  10. 000102

Calmer: #227ccc with less saturation

  1. 227ccc
  2. 317cc4
  3. 3d7dbc
  4. 467db4
  5. 4f7dac
  6. 577ca3
  7. 5f7c9b
  8. 667c93
  9. 6c7b8a
  10. 737a82

Questions about #227ccc

What color is #227ccc?

#227ccc is bright blue. The closest named color is Heirloom Hydrangea. In RGB it is rgb(34, 124, 204), in HSL hsl(208.24, 71.43%, 46.67%) and in OKLCH oklch(57.594% 0.14752 250.318).

What colors go well with #227ccc?

The complementary color of #227ccc is #ad6600. For a calmer combination use the analogous colors #0089ac and #6b6bcd. The triadic partners are #bf4d64 and #5a8915.

Is white or black text more readable on #227ccc?

White text reads better on #227ccc: white gives a contrast ratio of 4.35:1 and black gives 4.82:1. WCAG AA asks for at least 4.5:1 for body text.

Is #227ccc a warm or cool color?

#227ccc is a cool color. In OKLCH its hue is 250 degrees, its lightness 57.6% and its chroma 0.148.