# #5cc2e4 color: Magnesia Bay

#5cc2e4 is rgb(92, 194, 228) in RGB and oklch(76.646% 0.106 222.733) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #5cc2e4 |
| RGB | rgb(92, 194, 228) |
| HSL | hsl(195, 71.58%, 62.75%) |
| HSB / HSV | hsv(195 59.65% 89.41%) |
| HWB | hwb(195 36.08% 10.59%) |
| CMYK | cmyk(60% 15% 0% 11%) |
| Lab | lab(73.39 -23.46 -26.52) |
| LCH | lch(73.39 35.4 228.5) |
| OKLab | oklab(76.646% -0.07786 -0.07193) |
| OKLCH | oklch(76.646% 0.106 222.733) |
| Display P3 | color(display-p3 0.46587 0.75167 0.87941) |
| Rec. 2020 | color(rec2020 0.51902 0.71427 0.86306) |
| Adobe RGB | color(a98-rgb 0.51282 0.75531 0.88589) |
| ProPhoto RGB | color(prophoto-rgb 0.55259 0.68311 0.84388) |
| Linear sRGB | color(srgb-linear 0.10702 0.53948 0.77582) |
| XYZ D65 | color(xyz-d65 0.37707 0.46458 0.80382) |
| XYZ D50 | color(xyz-d50 0.36545 0.45759 0.60788) |
| SwiftUI | Color(red: 0.361, green: 0.761, blue: 0.894) |
| UIKit | UIColor(red: 0.361, green: 0.761, blue: 0.894, alpha: 1) |
| Flutter / Compose | Color(0xFF5CC2E4) |
| Android XML | #5CC2E4 |

## Facts

- Closest name: Magnesia Bay
- Hue family: Sky blue, bright light sky blue
- Closest Tailwind class: cyan-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.04:1
- Contrast with black: 10.29:1

## Tints

#5cc2e4, #70c8e7, #82cfea, #93d5ed, #a3dbef, #b3e1f2, #c3e7f5, #d2edf7, #e1f3fa, #f0f9fd

## Shades

#5cc2e4, #4fa8c6, #428fa9, #36778d, #2a6072, #1f4958, #14343f, #0a2028, #030e12, #000203

## Tones

#5cc2e4, #68c1df, #73bfda, #7dbed6, #86bdd1, #8fbbcc, #96bac7, #9eb8c2, #a5b6bd, #acb5b8

## Harmonies

- Complementary: #5cc2e4, #ec9d7c
- Split: #5cc2e4, #ee97a0, #dca863
- Analogous: #5cc2e4, #51c8c5, #81b7f5
- Triadic: #5cc2e4, #e298c5, #c0b663
- Tetradic: #5cc2e4, #a9abf5, #ec9d7c, #c0b663
- Square: #5cc2e4, #cb9fe4, #ec9d7c, #99c27b
- Monochromatic: #5cc2e4, #007797, #309cbd, #85e9ff, #d2fdff

## Questions about #5cc2e4

### What color is #5cc2e4?

#5cc2e4 is bright light sky blue. The closest named color is Magnesia Bay. In RGB it is rgb(92, 194, 228), in HSL hsl(195, 71.58%, 62.75%) and in OKLCH oklch(76.646% 0.106 222.733).

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

The complementary color of #5cc2e4 is #ec9d7c. For a calmer combination use the analogous colors #51c8c5 and #81b7f5. The triadic partners are #e298c5 and #c0b663.

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

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

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

#5cc2e4 is a cool color. In OKLCH its hue is 223 degrees, its lightness 76.6% and its chroma 0.106.