Skip to the color picker

#0bacdf color: Blue Fire

#0bacdf is rgb(11, 172, 223) in RGB and oklch(69.6% 0.13498 228.532) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

194°
100%

69.6%
0.135
229°
  • Sky blue
  • Medium
  • Vivid
  • Cool
  • ≈ Steel blue
  • cyan-500
  • Black 13%

Inside sRGB: displays the same on any screen.

White text
2.63:1Hard to read
Lc -56
Black text
7.98:1Readable · AA
Lc 53

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 #0bacdf

#0bacdf is a bright sky blue color. In OKLCH it has 69.6% lightness, 0.135 chroma and a hue of 229°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.63:1 contrast and black text 7.98:1, so black text reads better.

The closest named color is Blue Fire (#00aadd). In Tailwind CSS the closest color is cyan-500.

More medium sky blue colors

Lighter: #0bacdf mixed with white

  1. 0bacdf
  2. 40b5e3
  3. 5dbde6
  4. 75c6ea
  5. 8aceed
  6. 9fd6f0
  7. b3dff4
  8. c6e7f7
  9. d9effa
  10. ecf7fc

Darker: #0bacdf mixed with black

  1. 0bacdf
  2. 0895c2
  3. 067fa5
  4. 04698a
  5. 02546f
  6. 014056
  7. 012d3d
  8. 001b27
  9. 000b12
  10. 000102

Calmer: #0bacdf with less saturation

  1. 0bacdf
  2. 33abd9
  3. 48aad2
  4. 57a9cc
  5. 64a7c5
  6. 70a6bf
  7. 7aa4b8
  8. 84a3b1
  9. 8da1ab
  10. 959fa4

Questions about #0bacdf

What color is #0bacdf?

#0bacdf is bright sky blue. The closest named color is Blue Fire. In RGB it is rgb(11, 172, 223), in HSL hsl(194.43, 90.6%, 45.88%) and in OKLCH oklch(69.6% 0.13498 228.532).

What colors go well with #0bacdf?

The complementary color of #0bacdf is #e0814c. For a calmer combination use the analogous colors #00b6bc and #679ef0. The triadic partners are #da78ab and #a5a32d.

Is white or black text more readable on #0bacdf?

Black text reads better on #0bacdf: white gives a contrast ratio of 2.63:1 and black gives 7.98:1. WCAG AA asks for at least 4.5:1 for body text.

Is #0bacdf a warm or cool color?

#0bacdf is a cool color. In OKLCH its hue is 229 degrees, its lightness 69.6% and its chroma 0.135.