Skip to the color picker

#63acfa color: Joust Blue

#63acfa is rgb(99, 172, 250) in RGB and oklch(73.01% 0.13569 251.573) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

211°
100%

73%
0.136
252°
  • Blue
  • Light
  • Vivid
  • Cool
  • ≈ Sky blue
  • blue-400
  • Black 2%

Inside sRGB: displays the same on any screen.

White text
2.38:1Hard to read
Lc -52
Black text
8.81:1Readable · AA
Lc 57

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 #63acfa

#63acfa is a bright light blue color. In OKLCH it has 73% lightness, 0.136 chroma and a hue of 252°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.38:1 contrast and black text 8.81:1, so black text reads better.

The closest named color is Joust Blue (#55aaff). In Tailwind CSS the closest color is blue-400.

More light blue colors

Lighter: #63acfa mixed with white

  1. 63acfa
  2. 74b5fb
  3. 84bdfc
  4. 94c6fd
  5. a3cefe
  6. b3d6ff
  7. c2dfff
  8. d1e7ff
  9. e0efff
  10. f0f7ff

Darker: #63acfa mixed with black

  1. 63acfa
  2. 5595d9
  3. 477fba
  4. 3a699b
  5. 2e547d
  6. 214061
  7. 162d46
  8. 0b1b2d
  9. 030b15
  10. 000103

Calmer: #63acfa with less saturation

  1. 63acfa
  2. 6bacf2
  3. 73acea
  4. 7bace2
  5. 82acda
  6. 89abd2
  7. 8fabc9
  8. 96aac1
  9. 9ca9b9
  10. a2a8b0

Questions about #63acfa

What color is #63acfa?

#63acfa is bright light blue. The closest named color is Joust Blue. In RGB it is rgb(99, 172, 250), in HSL hsl(210.99, 93.79%, 68.43%) and in OKLCH oklch(73.01% 0.13569 251.573).

What colors go well with #63acfa?

The complementary color of #63acfa is #dc9837. For a calmer combination use the analogous colors #00bae4 and #9a9cfb. The triadic partners are #f08192 and #88b95a.

Is white or black text more readable on #63acfa?

Black text reads better on #63acfa: white gives a contrast ratio of 2.38:1 and black gives 8.81:1. WCAG AA asks for at least 4.5:1 for body text.

Is #63acfa a warm or cool color?

#63acfa is a cool color. In OKLCH its hue is 252 degrees, its lightness 73% and its chroma 0.136.