# #548ede color: Olympic Blue

#548ede is rgb(84, 142, 222) in RGB and oklch(64.361% 0.13525 256.804) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #548ede |
| RGB | rgb(84, 142, 222) |
| HSL | hsl(214.78, 67.65%, 60%) |
| HSB / HSV | hsv(214.78 62.16% 87.06%) |
| HWB | hwb(214.78 32.94% 12.94%) |
| CMYK | cmyk(62% 36% 0% 13%) |
| Lab | lab(57.84 -0.58 -47.31) |
| LCH | lch(57.84 47.31 269.3) |
| OKLab | oklab(64.361% -0.03088 -0.13168) |
| OKLCH | oklch(64.361% 0.13525 256.804) |
| Display P3 | color(display-p3 0.38251 0.55114 0.84679) |
| Rec. 2020 | color(rec2020 0.40416 0.50356 0.82452) |
| Adobe RGB | color(a98-rgb 0.40962 0.55182 0.85662) |
| ProPhoto RGB | color(prophoto-rgb 0.45141 0.47873 0.79754) |
| Linear sRGB | color(srgb-linear 0.08866 0.2705 0.73046) |
| XYZ D65 | color(xyz-d65 0.26512 0.26504 0.72828) |
| XYZ D50 | color(xyz-d50 0.24736 0.25792 0.54912) |
| SwiftUI | Color(red: 0.329, green: 0.557, blue: 0.871) |
| UIKit | UIColor(red: 0.329, green: 0.557, blue: 0.871, alpha: 1) |
| Flutter / Compose | Color(0xFF548EDE) |
| Android XML | #548EDE |

## Facts

- Closest name: Olympic Blue
- Hue family: Blue, bright blue
- Closest Tailwind class: blue-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.33:1
- Contrast with black: 6.3:1

## Tints

#548ede, #659ae2, #76a5e6, #87b0ea, #98bced, #a9c7f1, #bad2f4, #cbddf7, #dce9fa, #eef4fd

## Shades

#548ede, #487bc1, #3c68a5, #315689, #26446f, #1b3455, #11243d, #081526, #020712, #000102

## Tones

#548ede, #5b8ed6, #618fce, #678fc6, #6d8fbe, #738fb7, #788fae, #7e8fa6, #838e9e, #888e96

## Harmonies

- Complementary: #548ede, #bb8000
- Split: #548ede, #cf703e, #98920c
- Analogous: #548ede, #009ccc, #887fdb
- Triadic: #548ede, #d26770, #64a049
- Tetradic: #548ede, #ae71c3, #bb8000, #64a049
- Square: #548ede, #c7689d, #bb8000, #00a77b
- Monochromatic: #548ede, #08468f, #3069b6, #78b4ff, #b8dbff

## Questions about #548ede

### What color is #548ede?

#548ede is bright blue. The closest named color is Olympic Blue. In RGB it is rgb(84, 142, 222), in HSL hsl(214.78, 67.65%, 60%) and in OKLCH oklch(64.361% 0.13525 256.804).

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

The complementary color of #548ede is #bb8000. For a calmer combination use the analogous colors #009ccc and #887fdb. The triadic partners are #d26770 and #64a049.

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

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

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

#548ede is a cool color. In OKLCH its hue is 257 degrees, its lightness 64.4% and its chroma 0.135.