# #54a2ca color: Blue Grotto

#54a2ca is rgb(84, 162, 202) in RGB and oklch(67.865% 0.09694 233.025) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #54a2ca |
| RGB | rgb(84, 162, 202) |
| HSL | hsl(200.34, 52.68%, 56.08%) |
| HSB / HSV | hsv(200.34 58.42% 79.22%) |
| HWB | hwb(200.34 32.94% 20.78%) |
| CMYK | cmyk(58% 20% 0% 21%) |
| Lab | lab(62.89 -16.07 -28.36) |
| LCH | lch(62.89 32.59 240.47) |
| OKLab | oklab(67.865% -0.05831 -0.07745) |
| OKLCH | oklch(67.865% 0.09694 233.025) |
| Display P3 | color(display-p3 0.40593 0.62804 0.77692) |
| Rec. 2020 | color(rec2020 0.43373 0.58175 0.74904) |
| Adobe RGB | color(a98-rgb 0.44235 0.62945 0.78132) |
| ProPhoto RGB | color(prophoto-rgb 0.46215 0.55002 0.72113) |
| Linear sRGB | color(srgb-linear 0.08866 0.36131 0.59062) |
| XYZ D65 | color(xyz-d65 0.27235 0.31989 0.60618) |
| XYZ D50 | color(xyz-d50 0.26232 0.31454 0.45807) |
| SwiftUI | Color(red: 0.329, green: 0.635, blue: 0.792) |
| UIKit | UIColor(red: 0.329, green: 0.635, blue: 0.792, alpha: 1) |
| Flutter / Compose | Color(0xFF54A2CA) |
| Android XML | #54A2CA |

## Facts

- Closest name: Blue Grotto
- Hue family: Sky blue, soft sky blue
- Closest Tailwind class: slate-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.84:1
- Contrast with black: 7.4:1

## Tints

#54a2ca, #67abd0, #79b5d5, #8abedb, #9bc7e0, #acd0e5, #bddaea, #cde3f0, #deecf5, #eef6fa

## Shades

#54a2ca, #488caf, #3c7795, #31637c, #264f64, #1b3c4d, #112a37, #081922, #020a0f, #000102

## Tones

#54a2ca, #5da1c5, #65a0c0, #6da0bb, #749fb6, #7a9eb1, #819dac, #879ba7, #8d9aa2, #92999d

## Harmonies

- Complementary: #54a2ca, #c7875e
- Split: #54a2ca, #cd7f7c, #b5924d
- Analogous: #54a2ca, #3da9b2, #7898d4
- Triadic: #54a2ca, #c77e9d, #989e55
- Tetradic: #54a2ca, #9a8ccf, #c7875e, #989e55
- Square: #54a2ca, #b583bb, #c7875e, #74a770
- Monochromatic: #54a2ca, #005a7f, #2c7da4, #7ac8f2, #b4edff

## Questions about #54a2ca

### What color is #54a2ca?

#54a2ca is soft sky blue. The closest named color is Blue Grotto. In RGB it is rgb(84, 162, 202), in HSL hsl(200.34, 52.68%, 56.08%) and in OKLCH oklch(67.865% 0.09694 233.025).

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

The complementary color of #54a2ca is #c7875e. For a calmer combination use the analogous colors #3da9b2 and #7898d4. The triadic partners are #c77e9d and #989e55.

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

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

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

#54a2ca is a cool color. In OKLCH its hue is 233 degrees, its lightness 67.9% and its chroma 0.097.