Skip to the color picker

#228abc color: Cyan Cornflower Blue

#228abc is rgb(34, 138, 188) in RGB and oklch(59.985% 0.11728 235.412) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

199°
100%

60%
0.117
235°
  • Sky blue
  • Medium
  • Vivid
  • Cool
  • ≈ Steel blue
  • cyan-600
  • Black 26%

Inside sRGB: displays the same on any screen.

White text
3.87:1Hard to read
Lc -71
Black text
5.43:1Readable · AA
Lc 38

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 #228abc

#228abc is a bright sky blue color. In OKLCH it has 60% lightness, 0.117 chroma and a hue of 235°.

Inside sRGB: displays the same on any screen.

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

The closest named color is Cyan Cornflower Blue (#188bc2). In Tailwind CSS the closest color is cyan-600.

More medium sky blue colors

Lighter: #228abc mixed with white

  1. 228abc
  2. 4296c3
  3. 5aa1ca
  4. 70add1
  5. 85b9d8
  6. 9ac4df
  7. aed0e5
  8. c2dcec
  9. d6e7f2
  10. ebf3f9

Darker: #228abc mixed with black

  1. 228abc
  2. 1c77a3
  3. 16658b
  4. 115373
  5. 0b425d
  6. 073247
  7. 032232
  8. 01141f
  9. 00070d
  10. 000102

Calmer: #228abc with less saturation

  1. 228abc
  2. 3489b6
  3. 4189b0
  4. 4b88aa
  5. 5587a5
  6. 5d869f
  7. 658599
  8. 6c8493
  9. 73838c
  10. 7a8186

Questions about #228abc

What color is #228abc?

#228abc is bright sky blue. The closest named color is Cyan Cornflower Blue. In RGB it is rgb(34, 138, 188), in HSL hsl(199.48, 69.37%, 43.53%) and in OKLCH oklch(59.985% 0.11728 235.412).

What colors go well with #228abc?

The complementary color of #228abc is #b56b33. For a calmer combination use the analogous colors #0093a2 and #5e7dc6. The triadic partners are #b66083 and #7e882a.

Is white or black text more readable on #228abc?

White text reads better on #228abc: white gives a contrast ratio of 3.87:1 and black gives 5.43:1. WCAG AA asks for at least 4.5:1 for body text.

Is #228abc a warm or cool color?

#228abc is a cool color. In OKLCH its hue is 235 degrees, its lightness 60% and its chroma 0.117.