# #63a2fa color: Âbi Blue

#63a2fa is rgb(99, 162, 250) in RGB and oklch(70.868% 0.14512 257.008) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/63a2fa

## Formats

| Format | Value |
| --- | --- |
| HEX | #63a2fa |
| RGB | rgb(99, 162, 250) |
| HSL | hsl(214.97, 93.79%, 68.43%) |
| HSB / HSV | hsv(214.97 60.4% 98.04%) |
| HWB | hwb(214.97 38.82% 1.96%) |
| CMYK | cmyk(60% 35% 0% 2%) |
| Lab | lab(65.34 -0.73 -50.84) |
| LCH | lch(65.34 50.84 269.18) |
| OKLab | oklab(70.868% -0.03263 -0.1414) |
| OKLCH | oklch(70.868% 0.14512 257.008) |
| Display P3 | color(display-p3 0.44518 0.629 0.95409) |
| Rec. 2020 | color(rec2020 0.47762 0.58762 0.94384) |
| Adobe RGB | color(a98-rgb 0.47236 0.62945 0.96825) |
| ProPhoto RGB | color(prophoto-rgb 0.53071 0.56232 0.92672) |
| Linear sRGB | color(srgb-linear 0.12477 0.36131 0.95597) |
| XYZ D65 | color(xyz-d65 0.35319 0.35394 0.95416) |
| XYZ D50 | color(xyz-d50 0.33035 0.34473 0.71947) |
| SwiftUI | Color(red: 0.388, green: 0.635, blue: 0.98) |
| UIKit | UIColor(red: 0.388, green: 0.635, blue: 0.98, alpha: 1) |
| Flutter / Compose | Color(0xFF63A2FA) |
| Android XML | #63A2FA |

## Facts

- Closest name: Âbi Blue
- Hue family: Blue, bright light blue
- Closest Tailwind class: blue-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.6:1
- Contrast with black: 8.08:1

## Tints

#63a2fa, #73acfb, #83b5fd, #92bffe, #a2c8fe, #b1d2ff, #c1dbff, #d0e4ff, #e0edff, #eff6ff

## Shades

#63a2fa, #558cd9, #4777ba, #3a639b, #2e4f7d, #213c61, #162a46, #0b192d, #030a15, #000103

## Tones

#63a2fa, #6aa2f1, #71a3e9, #78a3e0, #7ea3d7, #84a3cf, #8aa3c6, #90a3bd, #96a2b4, #9ba2aa

## Harmonies

- Complementary: #63a2fa, #d39310
- Split: #63a2fa, #e9814b, #aca61c
- Analogous: #63a2fa, #00b1e7, #9c91f6
- Triadic: #63a2fa, #ed7880, #74b657
- Tetradic: #63a2fa, #c582dc, #d39310, #74b657
- Square: #63a2fa, #e179b3, #d39310, #01bd8e
- Monochromatic: #63a2fa, #1958aa, #3f7cd1, #9ac9ff, #dbf0ff

## Questions about #63a2fa

### What color is #63a2fa?

#63a2fa is bright light blue. The closest named color is Âbi Blue. In RGB it is rgb(99, 162, 250), in HSL hsl(214.97, 93.79%, 68.43%) and in OKLCH oklch(70.868% 0.14512 257.008).

### What colors go well with #63a2fa?

The complementary color of #63a2fa is #d39310. For a calmer combination use the analogous colors #00b1e7 and #9c91f6. The triadic partners are #ed7880 and #74b657.

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

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

### Is #63a2fa a warm or cool color?

#63a2fa is a cool color. In OKLCH its hue is 257 degrees, its lightness 70.9% and its chroma 0.145.