# #558ff0 color: Olympic Blue

#558ff0 is rgb(85, 143, 240) in RGB and oklch(65.653% 0.15742 260.097) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/558ff0

## Formats

| Format | Value |
| --- | --- |
| HEX | #558ff0 |
| RGB | rgb(85, 143, 240) |
| HSL | hsl(217.55, 83.78%, 63.73%) |
| HSB / HSV | hsv(217.55 64.58% 94.12%) |
| HWB | hwb(217.55 33.33% 5.88%) |
| CMYK | cmyk(65% 40% 0% 6%) |
| Lab | lab(58.97 3.99 -55.47) |
| LCH | lch(58.97 55.62 274.12) |
| OKLab | oklab(65.653% -0.02707 -0.15508) |
| OKLCH | oklch(65.653% 0.15742 260.097) |
| Display P3 | color(display-p3 0.38632 0.55505 0.91372) |
| Rec. 2020 | color(rec2020 0.41538 0.50929 0.89836) |
| Adobe RGB | color(a98-rgb 0.41325 0.55569 0.92718) |
| ProPhoto RGB | color(prophoto-rgb 0.4744 0.48653 0.87601) |
| Linear sRGB | color(srgb-linear 0.09084 0.27468 0.87137) |
| XYZ D65 | color(xyz-d65 0.29295 0.27866 0.86276) |
| XYZ D50 | color(xyz-d50 0.27008 0.26995 0.65017) |
| SwiftUI | Color(red: 0.333, green: 0.561, blue: 0.941) |
| UIKit | UIColor(red: 0.333, green: 0.561, blue: 0.941, alpha: 1) |
| Flutter / Compose | Color(0xFF558FF0) |
| Android XML | #558FF0 |

## 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.19:1
- Contrast with black: 6.57:1

## Tints

#558ff0, #669bf3, #77a6f5, #88b2f7, #98bdf9, #a9c8fb, #bad3fc, #cbdefd, #dce9fe, #eef4ff

## Shades

#558ff0, #497cd1, #3d69b2, #315795, #264578, #1c345d, #112443, #08152a, #020714, #000103

## Tones

#558ff0, #5c90e7, #6391de, #6991d4, #6f92cb, #7592c2, #7b92b8, #8192af, #8692a5, #8c919b

## Harmonies

- Complementary: #558ff0, #c28400
- Split: #558ff0, #db6f25, #989800
- Analogous: #558ff0, #00a0dc, #927de9
- Triadic: #558ff0, #e16368, #56a844
- Tetradic: #558ff0, #bb6ecc, #c28400, #56a844
- Square: #558ff0, #d6639e, #c28400, #00ae83
- Monochromatic: #558ff0, #0c45a0, #326ac7, #82b6ff, #c2deff

## Questions about #558ff0

### What color is #558ff0?

#558ff0 is bright blue. The closest named color is Olympic Blue. In RGB it is rgb(85, 143, 240), in HSL hsl(217.55, 83.78%, 63.73%) and in OKLCH oklch(65.653% 0.15742 260.097).

### What colors go well with #558ff0?

The complementary color of #558ff0 is #c28400. For a calmer combination use the analogous colors #00a0dc and #927de9. The triadic partners are #e16368 and #56a844.

### Is white or black text more readable on #558ff0?

Black text reads better on #558ff0: white gives a contrast ratio of 3.19:1 and black gives 6.57:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #558ff0 a warm or cool color?

#558ff0 is a cool color. In OKLCH its hue is 260 degrees, its lightness 65.7% and its chroma 0.157.