Skip to the color picker

#168bc6 color: Celebration Blue

#168bc6 is rgb(22, 139, 198) in RGB and oklch(60.558% 0.12962 238.453) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

200°
100%

60.6%
0.130
238°
  • Sky blue
  • Medium
  • Vivid
  • Cool
  • ≈ Steel blue
  • sky-600
  • Black 22%

Inside sRGB: displays the same on any screen.

White text
3.79:1Hard to read
Lc -70
Black text
5.54: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 #168bc6

#168bc6 is a bright sky blue color. In OKLCH it has 60.6% lightness, 0.13 chroma and a hue of 238°.

Inside sRGB: displays the same on any screen.

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

The closest named color is Celebration Blue (#008bc4). In Tailwind CSS the closest color is sky-600.

More medium sky blue colors

Lighter: #168bc6 mixed with white

  1. 168bc6
  2. 3c97cc
  3. 56a2d2
  4. 6daed8
  5. 83bade
  6. 98c5e4
  7. add1ea
  8. c1dcef
  9. d6e8f5
  10. eaf3fa

Darker: #168bc6 mixed with black

  1. 168bc6
  2. 1278ac
  3. 0d6692
  4. 09547a
  5. 064362
  6. 03324b
  7. 022335
  8. 011421
  9. 00070e
  10. 000102

Calmer: #168bc6 with less saturation

  1. 168bc6
  2. 2e8bbf
  3. 3d8ab9
  4. 4989b2
  5. 5389ab
  6. 5c88a5
  7. 65879e
  8. 6d8697
  9. 748490
  10. 7b8389

Questions about #168bc6

What color is #168bc6?

#168bc6 is bright sky blue. The closest named color is Celebration Blue. In RGB it is rgb(22, 139, 198), in HSL hsl(200.11, 80%, 43.14%) and in OKLCH oklch(60.558% 0.12962 238.453).

What colors go well with #168bc6?

The complementary color of #168bc6 is #ba6c22. For a calmer combination use the analogous colors #0095a9 and #617dcf. The triadic partners are #be5d81 and #7b8c1f.

Is white or black text more readable on #168bc6?

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

Is #168bc6 a warm or cool color?

#168bc6 is a cool color. In OKLCH its hue is 238 degrees, its lightness 60.6% and its chroma 0.13.