# #558afe color: Skinny Jeans

#558afe is rgb(85, 138, 254) in RGB and oklch(65.483% 0.18149 263.684) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #558afe |
| RGB | rgb(85, 138, 254) |
| HSL | hsl(221.18, 98.83%, 66.47%) |
| HSB / HSV | hsv(221.18 66.54% 99.61%) |
| HWB | hwb(221.18 33.33% 0.39%) |
| CMYK | cmyk(67% 46% 0% 0%) |
| Lab | lab(58.27 10.68 -64.27) |
| LCH | lch(58.27 65.15 279.44) |
| OKLab | oklab(65.483% -0.01997 -0.18039) |
| OKLCH | oklch(65.483% 0.18149 263.684) |
| Display P3 | color(display-p3 0.38084 0.53584 0.96507) |
| Rec. 2020 | color(rec2020 0.41341 0.49112 0.9551) |
| Adobe RGB | color(a98-rgb 0.4055 0.5364 0.98197) |
| ProPhoto RGB | color(prophoto-rgb 0.48446 0.47196 0.93684) |
| Linear sRGB | color(srgb-linear 0.09084 0.25415 0.9911) |
| XYZ D65 | color(xyz-d65 0.30722 0.27263 0.97412) |
| XYZ D50 | color(xyz-d50 0.27931 0.26249 0.73368) |
| SwiftUI | Color(red: 0.333, green: 0.541, blue: 0.996) |
| UIKit | UIColor(red: 0.333, green: 0.541, blue: 0.996, alpha: 1) |
| Flutter / Compose | Color(0xFF558AFE) |
| Android XML | #558AFE |

## Facts

- Closest name: Skinny Jeans
- Hue family: Blue, bright blue
- Closest Tailwind class: indigo-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.25:1
- Contrast with black: 6.45:1

## Tints

#558afe, #6597ff, #76a3ff, #87afff, #97bbff, #a8c7ff, #b9d2ff, #cbddff, #dce9ff, #edf4ff

## Shades

#558afe, #4977dd, #3d65bd, #31539e, #264280, #1c3263, #112247, #08142d, #020716, #000103

## Tones

#558afe, #5b8cf3, #628de9, #688ede, #6e8fd3, #7490c9, #7a91be, #8091b3, #8591a8, #8b919c

## Harmonies

- Complementary: #558afe, #bd8600
- Split: #558afe, #e26900, #919a00
- Analogous: #558afe, #009ee2, #9875f3
- Triadic: #558afe, #eb5858, #39ab3d
- Tetradic: #558afe, #c464cf, #bd8600, #39ab3d
- Square: #558afe, #e05899, #bd8600, #00ac89
- Monochromatic: #558afe, #133eac, #3364d4, #89b4ff, #c4ddff

## Questions about #558afe

### What color is #558afe?

#558afe is bright blue. The closest named color is Skinny Jeans. In RGB it is rgb(85, 138, 254), in HSL hsl(221.18, 98.83%, 66.47%) and in OKLCH oklch(65.483% 0.18149 263.684).

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

The complementary color of #558afe is #bd8600. For a calmer combination use the analogous colors #009ee2 and #9875f3. The triadic partners are #eb5858 and #39ab3d.

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

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

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

#558afe is a cool color. In OKLCH its hue is 264 degrees, its lightness 65.5% and its chroma 0.181.