Skip to the color picker

#228ca2 color: Waikiki

#228ca2 is rgb(34, 140, 162) in RGB and oklch(59.249% 0.09618 215.474) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

190°
100%

59.2%
0.096
215°
  • Cyan
  • Medium
  • Vivid
  • Cool
  • ≈ Steel blue
  • cyan-600
  • Black 36%

Inside sRGB: displays the same on any screen.

White text
3.93:1Hard to read
Lc -72
Black text
5.34: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 #228ca2

#228ca2 is a bright cyan color. In OKLCH it has 59.2% lightness, 0.096 chroma and a hue of 215°.

Inside sRGB: displays the same on any screen.

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

The closest named color is Waikiki (#218ba0). In Tailwind CSS the closest color is cyan-600.

More medium cyan colors

Lighter: #228ca2 mixed with white

  1. 228ca2
  2. 4297ab
  3. 5aa3b4
  4. 70aebe
  5. 85b9c7
  6. 9ac5d0
  7. aed0d9
  8. c2dce3
  9. d7e8ec
  10. ebf3f6

Darker: #228ca2 mixed with black

  1. 228ca2
  2. 1c798c
  3. 166777
  4. 115563
  5. 0b434f
  6. 07333c
  7. 03232a
  8. 011419
  9. 00070a
  10. 000101

Calmer: #228ca2 with less saturation

  1. 228ca2
  2. 348b9e
  3. 408a9b
  4. 4b8897
  5. 548794
  6. 5d8690
  7. 64848d
  8. 6b8389
  9. 728185
  10. 788082

Questions about #228ca2

What color is #228ca2?

#228ca2 is bright cyan. The closest named color is Waikiki. In RGB it is rgb(34, 140, 162), in HSL hsl(190.31, 65.31%, 38.43%) and in OKLCH oklch(59.249% 0.09618 215.474).

What colors go well with #228ca2?

The complementary color of #228ca2 is #af6856. For a calmer combination use the analogous colors #219086 and #4983b4. The triadic partners are #a26794 and #907d33.

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

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

Is #228ca2 a warm or cool color?

#228ca2 is a cool color. In OKLCH its hue is 215 degrees, its lightness 59.2% and its chroma 0.096.