# #558ff5 color: Blue Elemental

#558ff5 is rgb(85, 143, 245) in RGB and oklch(65.951% 0.16399 260.845) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #558ff5 |
| RGB | rgb(85, 143, 245) |
| HSL | hsl(218.25, 88.89%, 64.71%) |
| HSB / HSV | hsv(218.25 65.31% 96.08%) |
| HWB | hwb(218.25 33.33% 3.92%) |
| CMYK | cmyk(65% 42% 0% 4%) |
| Lab | lab(59.2 5.38 -57.85) |
| LCH | lch(59.2 58.1 275.31) |
| OKLab | oklab(65.951% -0.02609 -0.1619) |
| OKLCH | oklch(65.951% 0.16399 260.845) |
| Display P3 | color(display-p3 0.38632 0.55505 0.93229) |
| Rec. 2020 | color(rec2020 0.41764 0.50978 0.91891) |
| Adobe RGB | color(a98-rgb 0.41325 0.55569 0.94685) |
| ProPhoto RGB | color(prophoto-rgb 0.48029 0.48769 0.8981) |
| Linear sRGB | color(srgb-linear 0.09084 0.27468 0.9131) |
| XYZ D65 | color(xyz-d65 0.30048 0.28168 0.90243) |
| XYZ D50 | color(xyz-d50 0.27605 0.27248 0.67997) |
| SwiftUI | Color(red: 0.333, green: 0.561, blue: 0.961) |
| UIKit | UIColor(red: 0.333, green: 0.561, blue: 0.961, alpha: 1) |
| Flutter / Compose | Color(0xFF558FF5) |
| Android XML | #558FF5 |

## Facts

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

## Tints

#558ff5, #669bf7, #77a7f9, #88b2fb, #98bdfc, #a9c8fd, #bad3fe, #cbdeff, #dce9ff, #eef4ff

## Shades

#558ff5, #497cd5, #3d69b6, #315798, #26457b, #1c345f, #112444, #08152b, #020715, #000103

## Tones

#558ff5, #5c90eb, #6391e2, #6992d8, #6f92ce, #7593c5, #7b93bb, #8193b1, #8793a7, #8c929c

## Harmonies

- Complementary: #558ff5, #c28500
- Split: #558ff5, #de6e19, #989a00
- Analogous: #558ff5, #00a1df, #947ced
- Triadic: #558ff5, #e56165, #52aa43
- Tetradic: #558ff5, #be6cce, #c28500, #52aa43
- Square: #558ff5, #da629f, #c28500, #00af85
- Monochromatic: #558ff5, #0d45a4, #326acc, #85b7ff, #c4dfff

## Questions about #558ff5

### What color is #558ff5?

#558ff5 is bright blue. The closest named color is Blue Elemental. In RGB it is rgb(85, 143, 245), in HSL hsl(218.25, 88.89%, 64.71%) and in OKLCH oklch(65.951% 0.16399 260.845).

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

The complementary color of #558ff5 is #c28500. For a calmer combination use the analogous colors #00a1df and #947ced. The triadic partners are #e56165 and #52aa43.

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

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

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

#558ff5 is a cool color. In OKLCH its hue is 261 degrees, its lightness 66% and its chroma 0.164.