# #54c4fa color: Blue Mana

#54c4fa is rgb(84, 196, 250) in RGB and oklch(77.767% 0.1268 232.701) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/54c4fa

## Formats

| Format | Value |
| --- | --- |
| HEX | #54c4fa |
| RGB | rgb(84, 196, 250) |
| HSL | hsl(199.52, 94.32%, 65.49%) |
| HSB / HSV | hsv(199.52 66.4% 98.04%) |
| HWB | hwb(199.52 32.94% 1.96%) |
| CMYK | cmyk(66% 22% 0% 2%) |
| Lab | lab(74.41 -20.54 -36.78) |
| LCH | lch(74.41 42.13 240.82) |
| OKLab | oklab(77.767% -0.07683 -0.10086) |
| OKLCH | oklch(77.767% 0.1268 232.701) |
| Display P3 | color(display-p3 0.45034 0.75899 0.96023) |
| Rec. 2020 | color(rec2020 0.51942 0.72301 0.95234) |
| Adobe RGB | color(a98-rgb 0.50302 0.76324 0.97195) |
| ProPhoto RGB | color(prophoto-rgb 0.56999 0.69375 0.93954) |
| Linear sRGB | color(srgb-linear 0.08866 0.55201 0.95597) |
| XYZ D65 | color(xyz-d65 0.40649 0.48265 0.97619) |
| XYZ D50 | color(xyz-d50 0.38805 0.47341 0.73748) |
| SwiftUI | Color(red: 0.329, green: 0.769, blue: 0.98) |
| UIKit | UIColor(red: 0.329, green: 0.769, blue: 0.98, alpha: 1) |
| Flutter / Compose | Color(0xFF54C4FA) |
| Android XML | #54C4FA |

## 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: 1.97:1
- Contrast with black: 10.65:1

## Tints

#54c4fa, #6acafb, #7ed0fc, #90d7fd, #a1ddfd, #b1e2fe, #c1e8fe, #d1eeff, #e0f4ff, #f0f9ff

## Shades

#54c4fa, #48aad9, #3c91ba, #31789b, #26617d, #1b4a61, #113546, #08212d, #020e15, #000203

## Tones

#54c4fa, #63c3f3, #6fc2ed, #7ac1e6, #85c0e0, #8ebed9, #97bdd2, #9fbbcb, #a7bac4, #afb8bd

## Harmonies

- Complementary: #54c4fa, #f69f66
- Split: #54c4fa, #fd9591, #deae4d
- Analogous: #54c4fa, #25ceda, #8bb6ff
- Triadic: #54c4fa, #f594be, #b8bf59
- Tetradic: #54c4fa, #b9a7ff, #f69f66, #b8bf59
- Square: #54c4fa, #dd9ae6, #f69f66, #85cb80
- Monochromatic: #54c4fa, #0078ab, #229ed2, #a3e8ff, #dafbff

## Questions about #54c4fa

### What color is #54c4fa?

#54c4fa is bright light sky blue. The closest named color is Blue Mana. In RGB it is rgb(84, 196, 250), in HSL hsl(199.52, 94.32%, 65.49%) and in OKLCH oklch(77.767% 0.1268 232.701).

### What colors go well with #54c4fa?

The complementary color of #54c4fa is #f69f66. For a calmer combination use the analogous colors #25ceda and #8bb6ff. The triadic partners are #f594be and #b8bf59.

### Is white or black text more readable on #54c4fa?

Black text reads better on #54c4fa: white gives a contrast ratio of 1.97:1 and black gives 10.65:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #54c4fa a warm or cool color?

#54c4fa is a cool color. In OKLCH its hue is 233 degrees, its lightness 77.8% and its chroma 0.127.