# #558ffa color: Bright blue

#558ffa is rgb(85, 143, 250) in RGB and oklch(66.255% 0.17054 261.513) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #558ffa |
| RGB | rgb(85, 143, 250) |
| HSL | hsl(218.91, 94.29%, 65.69%) |
| HSB / HSV | hsv(218.91 66% 98.04%) |
| HWB | hwb(218.91 33.33% 1.96%) |
| CMYK | cmyk(66% 43% 0% 2%) |
| Lab | lab(59.44 6.78 -60.21) |
| LCH | lch(59.44 60.59 276.42) |
| OKLab | oklab(66.255% -0.02517 -0.16868) |
| OKLCH | oklch(66.255% 0.17054 261.513) |
| Display P3 | color(display-p3 0.38632 0.55505 0.95088) |
| Rec. 2020 | color(rec2020 0.41994 0.51027 0.93952) |
| Adobe RGB | color(a98-rgb 0.41325 0.55569 0.96656) |
| ProPhoto RGB | color(prophoto-rgb 0.48628 0.48888 0.92034) |
| Linear sRGB | color(srgb-linear 0.09084 0.27468 0.95597) |
| XYZ D65 | color(xyz-d65 0.30822 0.28477 0.94318) |
| XYZ D50 | color(xyz-d50 0.28218 0.27508 0.71059) |
| SwiftUI | Color(red: 0.333, green: 0.561, blue: 0.98) |
| UIKit | UIColor(red: 0.333, green: 0.561, blue: 0.98, alpha: 1) |
| Flutter / Compose | Color(0xFF558FFA) |
| Android XML | #558FFA |

## Facts

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

## Tints

#558ffa, #669bfc, #77a7fd, #88b2fe, #98bdff, #a9c9ff, #bad4ff, #cbdfff, #dce9ff, #eef4ff

## Shades

#558ffa, #497cd9, #3d69ba, #31579b, #26457d, #1c3461, #112446, #08152d, #020715, #000103

## Tones

#558ffa, #5c90f0, #6391e6, #6992dc, #7093d2, #7693c8, #7c94bd, #8294b3, #8894a8, #8d939e

## Harmonies

- Complementary: #558ffa, #c28600
- Split: #558ffa, #e16e04, #989b00
- Analogous: #558ffa, #00a1e2, #967bf2
- Triadic: #558ffa, #e96063, #4dac41
- Tetradic: #558ffa, #c26bd1, #c28600, #4dac41
- Square: #558ffa, #dd609f, #c28600, #00b087
- Monochromatic: #558ffa, #0d44a9, #3269d1, #88b8ff, #c6e0ff

## Questions about #558ffa

### What color is #558ffa?

#558ffa is bright blue. The closest named color is Bright blue. In RGB it is rgb(85, 143, 250), in HSL hsl(218.91, 94.29%, 65.69%) and in OKLCH oklch(66.255% 0.17054 261.513).

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

The complementary color of #558ffa is #c28600. For a calmer combination use the analogous colors #00a1e2 and #967bf2. The triadic partners are #e96063 and #4dac41.

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

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

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

#558ffa is a cool color. In OKLCH its hue is 262 degrees, its lightness 66.3% and its chroma 0.171.