# #5bc2f3 color: Blue Mana

#5bc2f3 is rgb(91, 194, 243) in RGB and oklch(77.239% 0.11808 231.752) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/5bc2f3

## Formats

| Format | Value |
| --- | --- |
| HEX | #5bc2f3 |
| RGB | rgb(91, 194, 243) |
| HSL | hsl(199.34, 86.36%, 65.49%) |
| HSB / HSV | hsv(199.34 62.55% 95.29%) |
| HWB | hwb(199.34 35.69% 4.71%) |
| CMYK | cmyk(63% 20% 0% 5%) |
| Lab | lab(73.83 -20.09 -33.9) |
| LCH | lch(73.83 39.41 239.35) |
| OKLab | oklab(77.239% -0.0731 -0.09273) |
| OKLCH | oklch(77.239% 0.11808 231.752) |
| Display P3 | color(display-p3 0.46353 0.75162 0.93426) |
| Rec. 2020 | color(rec2020 0.52271 0.71513 0.9235) |
| Adobe RGB | color(a98-rgb 0.51107 0.75531 0.9443) |
| ProPhoto RGB | color(prophoto-rgb 0.56643 0.68548 0.90824) |
| Linear sRGB | color(srgb-linear 0.10462 0.53948 0.89627) |
| XYZ D65 | color(xyz-d65 0.39781 0.47277 0.91826) |
| XYZ D50 | color(xyz-d50 0.38164 0.46435 0.69386) |
| SwiftUI | Color(red: 0.357, green: 0.761, blue: 0.953) |
| UIKit | UIColor(red: 0.357, green: 0.761, blue: 0.953, alpha: 1) |
| Flutter / Compose | Color(0xFF5BC2F3) |
| Android XML | #5BC2F3 |

## Facts

- Closest name: Blue Mana
- Hue family: Sky blue, bright light sky blue
- Closest Tailwind class: sky-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.01:1
- Contrast with black: 10.46:1

## Tints

#5bc2f3, #6fc8f5, #81cff6, #93d5f8, #a3dbf9, #b3e1fa, #c3e7fb, #d2edfc, #e1f3fd, #f0f9fe

## Shades

#5bc2f3, #4ea8d3, #418fb4, #357797, #29607a, #1e495e, #133444, #09202b, #030e14, #000203

## Tones

#5bc2f3, #68c1ed, #73c0e7, #7dbfe1, #86bedb, #8fbcd4, #97bbce, #9fbac8, #a7b8c2, #aeb6bb

## Harmonies

- Complementary: #5bc2f3, #f19f6c
- Split: #5bc2f3, #f79693, #dbad56
- Analogous: #5bc2f3, #3bcbd5, #8bb5ff
- Triadic: #5bc2f3, #ef95bd, #b7bc5f
- Tetradic: #5bc2f3, #b6a7fa, #f19f6c, #b7bc5f
- Square: #5bc2f3, #d89be2, #f19f6c, #89c881
- Monochromatic: #5bc2f3, #0077a4, #2e9ccb, #9de7ff, #d9fbff

## Questions about #5bc2f3

### What color is #5bc2f3?

#5bc2f3 is bright light sky blue. The closest named color is Blue Mana. In RGB it is rgb(91, 194, 243), in HSL hsl(199.34, 86.36%, 65.49%) and in OKLCH oklch(77.239% 0.11808 231.752).

### What colors go well with #5bc2f3?

The complementary color of #5bc2f3 is #f19f6c. For a calmer combination use the analogous colors #3bcbd5 and #8bb5ff. The triadic partners are #ef95bd and #b7bc5f.

### Is white or black text more readable on #5bc2f3?

Black text reads better on #5bc2f3: white gives a contrast ratio of 2.01:1 and black gives 10.46:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #5bc2f3 a warm or cool color?

#5bc2f3 is a cool color. In OKLCH its hue is 232 degrees, its lightness 77.2% and its chroma 0.118.