# #548edd color: Olympic Blue

#548edd is rgb(84, 142, 221) in RGB and oklch(64.305% 0.13395 256.565) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/548edd

## Formats

| Format | Value |
| --- | --- |
| HEX | #548edd |
| RGB | rgb(84, 142, 221) |
| HSL | hsl(214.6, 66.83%, 59.8%) |
| HSB / HSV | hsv(214.6 61.99% 86.67%) |
| HWB | hwb(214.6 32.94% 13.33%) |
| CMYK | cmyk(62% 36% 0% 13%) |
| Lab | lab(57.8 -0.85 -46.82) |
| LCH | lch(57.8 46.83 268.96) |
| OKLab | oklab(64.305% -0.03112 -0.13028) |
| OKLCH | oklch(64.305% 0.13395 256.565) |
| Display P3 | color(display-p3 0.38251 0.55114 0.84309) |
| Rec. 2020 | color(rec2020 0.40375 0.50347 0.82046) |
| Adobe RGB | color(a98-rgb 0.40962 0.55182 0.85273) |
| ProPhoto RGB | color(prophoto-rgb 0.45032 0.47853 0.79326) |
| Linear sRGB | color(srgb-linear 0.08866 0.2705 0.72306) |
| XYZ D65 | color(xyz-d65 0.26378 0.2645 0.72124) |
| XYZ D50 | color(xyz-d50 0.2463 0.25747 0.54383) |
| SwiftUI | Color(red: 0.329, green: 0.557, blue: 0.867) |
| UIKit | UIColor(red: 0.329, green: 0.557, blue: 0.867, alpha: 1) |
| Flutter / Compose | Color(0xFF548EDD) |
| Android XML | #548EDD |

## Facts

- Closest name: Olympic Blue
- Hue family: Blue, soft blue
- Closest Tailwind class: sky-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.34:1
- Contrast with black: 6.29:1

## Tints

#548edd, #659ae1, #76a5e5, #87b0e9, #98bced, #a9c7f0, #bad2f4, #cbddf7, #dce9fa, #eef4fc

## Shades

#548edd, #487bc0, #3c68a4, #315688, #26446e, #1b3455, #11243d, #081526, #020711, #000102

## Tones

#548edd, #5b8ed5, #618fcd, #678fc6, #6d8fbe, #738fb6, #788fae, #7e8ea6, #838e9e, #888e95

## Harmonies

- Complementary: #548edd, #ba8004
- Split: #548edd, #ce7040, #989110
- Analogous: #548edd, #009ccb, #887fda
- Triadic: #548edd, #d26770, #659f49
- Tetradic: #548edd, #ad71c3, #ba8004, #659f49
- Square: #548edd, #c6699d, #ba8004, #00a67b
- Monochromatic: #548edd, #07468f, #3069b5, #78b4ff, #b7dbff

## Questions about #548edd

### What color is #548edd?

#548edd is soft blue. The closest named color is Olympic Blue. In RGB it is rgb(84, 142, 221), in HSL hsl(214.6, 66.83%, 59.8%) and in OKLCH oklch(64.305% 0.13395 256.565).

### What colors go well with #548edd?

The complementary color of #548edd is #ba8004. For a calmer combination use the analogous colors #009ccb and #887fda. The triadic partners are #d26770 and #659f49.

### Is white or black text more readable on #548edd?

White text reads better on #548edd: white gives a contrast ratio of 3.34:1 and black gives 6.29:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #548edd a warm or cool color?

#548edd is a cool color. In OKLCH its hue is 257 degrees, its lightness 64.3% and its chroma 0.134.