Skip to the color picker

#228cbc color: Hawaiian Surf

#228cbc is rgb(34, 140, 188) in RGB and oklch(60.469% 0.11608 233.887) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

199°
100%

60.5%
0.116
234°
  • Sky blue
  • Medium
  • Vivid
  • Cool
  • ≈ Steel blue
  • cyan-600
  • Black 26%

Inside sRGB: displays the same on any screen.

White text
3.79:1Hard to read
Lc -70
Black text
5.55:1Readable · AA
Lc 39

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

#228cbc is a bright sky blue color. In OKLCH it has 60.5% lightness, 0.116 chroma and a hue of 234°.

Inside sRGB: displays the same on any screen.

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

The closest named color is Hawaiian Surf (#008dbb). In Tailwind CSS the closest color is cyan-600.

More medium sky blue colors

Lighter: #228cbc mixed with white

  1. 228cbc
  2. 4298c3
  3. 5aa3ca
  4. 71aed1
  5. 86bad8
  6. 9ac5df
  7. aed1e5
  8. c3dcec
  9. d7e8f2
  10. ebf3f9

Darker: #228cbc mixed with black

  1. 228cbc
  2. 1c79a3
  3. 16678b
  4. 115573
  5. 0b435d
  6. 073347
  7. 032332
  8. 01141f
  9. 00070d
  10. 000102

Calmer: #228cbc with less saturation

  1. 228cbc
  2. 348bb6
  3. 418bb1
  4. 4c8aab
  5. 5689a5
  6. 5e889f
  7. 668799
  8. 6e8694
  9. 75848e
  10. 7b8388

Questions about #228cbc

What color is #228cbc?

#228cbc is bright sky blue. The closest named color is Hawaiian Surf. In RGB it is rgb(34, 140, 188), in HSL hsl(198.7, 69.37%, 43.53%) and in OKLCH oklch(60.469% 0.11608 233.887).

What colors go well with #228cbc?

The complementary color of #228cbc is #b76c38. For a calmer combination use the analogous colors #0095a1 and #5d80c7. The triadic partners are #b66286 and #81892b.

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

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

Is #228cbc a warm or cool color?

#228cbc is a cool color. In OKLCH its hue is 234 degrees, its lightness 60.5% and its chroma 0.116.