# #558ff6 color: Bright blue

#558ff6 is rgb(85, 143, 246) in RGB and oklch(66.012% 0.1653 260.984) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #558ff6 |
| RGB | rgb(85, 143, 246) |
| HSL | hsl(218.39, 89.94%, 64.9%) |
| HSB / HSV | hsv(218.39 65.45% 96.47%) |
| HWB | hwb(218.39 33.33% 3.53%) |
| CMYK | cmyk(65% 42% 0% 4%) |
| Lab | lab(59.25 5.66 -58.32) |
| LCH | lch(59.25 58.6 275.54) |
| OKLab | oklab(66.012% -0.0259 -0.16326) |
| OKLCH | oklch(66.012% 0.1653 260.984) |
| Display P3 | color(display-p3 0.38632 0.55505 0.93601) |
| Rec. 2020 | color(rec2020 0.41809 0.50987 0.92303) |
| Adobe RGB | color(a98-rgb 0.41325 0.55569 0.95079) |
| ProPhoto RGB | color(prophoto-rgb 0.48148 0.48793 0.90254) |
| Linear sRGB | color(srgb-linear 0.09084 0.27468 0.92158) |
| XYZ D65 | color(xyz-d65 0.30201 0.28229 0.91049) |
| XYZ D50 | color(xyz-d50 0.27726 0.27299 0.68603) |
| SwiftUI | Color(red: 0.333, green: 0.561, blue: 0.965) |
| UIKit | UIColor(red: 0.333, green: 0.561, blue: 0.965, alpha: 1) |
| Flutter / Compose | Color(0xFF558FF6) |
| Android XML | #558FF6 |

## 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.16:1
- Contrast with black: 6.65:1

## Tints

#558ff6, #669bf8, #77a7fa, #88b2fb, #98bdfd, #a9c8fe, #bad3ff, #cbdeff, #dce9ff, #eef4ff

## Shades

#558ff6, #497cd6, #3d69b7, #315798, #26457b, #1c345f, #112445, #08152c, #020715, #000103

## Tones

#558ff6, #5c90ec, #6391e3, #6992d9, #6f92cf, #7593c5, #7b93bb, #8193b1, #8793a7, #8d939d

## Harmonies

- Complementary: #558ff6, #c28500
- Split: #558ff6, #df6e16, #989a00
- Analogous: #558ff6, #00a1df, #947cee
- Triadic: #558ff6, #e66165, #51aa42
- Tetradic: #558ff6, #bf6ccf, #c28500, #51aa42
- Square: #558ff6, #da619f, #c28500, #00af86
- Monochromatic: #558ff6, #0d45a5, #3269cd, #86b7ff, #c4dfff

## Questions about #558ff6

### What color is #558ff6?

#558ff6 is bright blue. The closest named color is Bright blue. In RGB it is rgb(85, 143, 246), in HSL hsl(218.39, 89.94%, 64.9%) and in OKLCH oklch(66.012% 0.1653 260.984).

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

The complementary color of #558ff6 is #c28500. For a calmer combination use the analogous colors #00a1df and #947cee. The triadic partners are #e66165 and #51aa42.

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

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

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

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