# #548fde color: Olympic Blue

#548fde is rgb(84, 143, 222) in RGB and oklch(64.578% 0.13423 256.249) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #548fde |
| RGB | rgb(84, 143, 222) |
| HSL | hsl(214.35, 67.65%, 60%) |
| HSB / HSV | hsv(214.35 62.16% 87.06%) |
| HWB | hwb(214.35 32.94% 12.94%) |
| CMYK | cmyk(62% 36% 0% 13%) |
| Lab | lab(58.12 -1.12 -46.86) |
| LCH | lch(58.12 46.87 268.63) |
| OKLab | oklab(64.578% -0.03191 -0.13038) |
| OKLCH | oklch(64.578% 0.13423 256.249) |
| Display P3 | color(display-p3 0.38363 0.55498 0.84696) |
| Rec. 2020 | color(rec2020 0.40593 0.5075 0.82475) |
| Adobe RGB | color(a98-rgb 0.4112 0.55569 0.85672) |
| ProPhoto RGB | color(prophoto-rgb 0.45286 0.48238 0.79787) |
| Linear sRGB | color(srgb-linear 0.08866 0.27468 0.73046) |
| XYZ D65 | color(xyz-d65 0.26662 0.26803 0.72878) |
| XYZ D50 | color(xyz-d50 0.24897 0.26092 0.54952) |
| SwiftUI | Color(red: 0.329, green: 0.561, blue: 0.871) |
| UIKit | UIColor(red: 0.329, green: 0.561, blue: 0.871, alpha: 1) |
| Flutter / Compose | Color(0xFF548FDE) |
| Android XML | #548FDE |

## Facts

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

## Tints

#548fde, #659ae2, #76a6e6, #87b1ea, #98bced, #a9c7f1, #bad3f4, #cbdef7, #dce9fa, #eef4fd

## Shades

#548fde, #487cc1, #3c69a5, #315789, #26456f, #1b3455, #11243d, #081526, #020712, #000102

## Tones

#548fde, #5b8fd6, #6190ce, #6890c7, #6e90bf, #7390b7, #7990af, #7e8fa7, #848f9f, #898e96

## Harmonies

- Complementary: #548fde, #bc8106
- Split: #548fde, #cf7141, #999210
- Analogous: #548fde, #009dcc, #8880db
- Triadic: #548fde, #d36871, #66a049
- Tetradic: #548fde, #ae72c4, #bc8106, #66a049
- Square: #548fde, #c7699f, #bc8106, #00a77b
- Monochromatic: #548fde, #06478f, #306ab6, #78b5ff, #b8dcff

## Questions about #548fde

### What color is #548fde?

#548fde is soft blue. The closest named color is Olympic Blue. In RGB it is rgb(84, 143, 222), in HSL hsl(214.35, 67.65%, 60%) and in OKLCH oklch(64.578% 0.13423 256.249).

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

The complementary color of #548fde is #bc8106. For a calmer combination use the analogous colors #009dcc and #8880db. The triadic partners are #d36871 and #66a049.

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

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

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

#548fde is a cool color. In OKLCH its hue is 256 degrees, its lightness 64.6% and its chroma 0.134.