# #558cce color: Blue Dart

#558cce is rgb(85, 140, 206) in RGB and oklch(63.104% 0.11602 253.935) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #558cce |
| RGB | rgb(85, 140, 206) |
| HSL | hsl(212.73, 55.25%, 57.06%) |
| HSB / HSV | hsv(212.73 58.74% 80.78%) |
| HWB | hwb(212.73 33.33% 19.22%) |
| CMYK | cmyk(59% 32% 0% 19%) |
| Lab | lab(56.65 -3.54 -40.24) |
| LCH | lch(56.65 40.39 264.98) |
| OKLab | oklab(63.104% -0.03211 -0.11149) |
| OKLCH | oklch(63.104% 0.11602 253.935) |
| Display P3 | color(display-p3 0.38301 0.54352 0.7873) |
| Rec. 2020 | color(rec2020 0.39605 0.49449 0.75924) |
| Adobe RGB | color(a98-rgb 0.40858 0.54411 0.79429) |
| ProPhoto RGB | color(prophoto-rgb 0.43275 0.46845 0.72931) |
| Linear sRGB | color(srgb-linear 0.09084 0.26225 0.61721) |
| XYZ D65 | color(xyz-d65 0.24263 0.25143 0.61969) |
| XYZ D50 | color(xyz-d50 0.22893 0.24563 0.46747) |
| SwiftUI | Color(red: 0.333, green: 0.549, blue: 0.808) |
| UIKit | UIColor(red: 0.333, green: 0.549, blue: 0.808, alpha: 1) |
| Flutter / Compose | Color(0xFF558CCE) |
| Android XML | #558CCE |

## Facts

- Closest name: Blue Dart
- Hue family: Blue, soft blue
- Closest Tailwind class: sky-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.48:1
- Contrast with black: 6.03:1

## Tints

#558cce, #6698d4, #77a3d9, #88aede, #98bae3, #a9c5e8, #bad1ed, #cbdcf2, #dce8f6, #eef3fb

## Shades

#558cce, #4979b3, #3d6798, #31557f, #264366, #1c334e, #112338, #081423, #02070f, #000102

## Tones

#558cce, #5b8cc7, #618cc1, #678cba, #6c8cb3, #718cac, #768ba6, #7b8b9f, #808b98, #858a91

## Harmonies

- Complementary: #558cce, #b37e2b
- Split: #558cce, #c3714c, #958c2b
- Analogous: #558cce, #0f98bd, #817fcd
- Triadic: #558cce, #c56a74, #6c994d
- Tetradic: #558cce, #a373ba, #b37e2b, #6c994d
- Square: #558cce, #ba6b9b, #b37e2b, #339f76
- Monochromatic: #558cce, #0a4581, #3268a7, #79b2f6, #add8ff

## Questions about #558cce

### What color is #558cce?

#558cce is soft blue. The closest named color is Blue Dart. In RGB it is rgb(85, 140, 206), in HSL hsl(212.73, 55.25%, 57.06%) and in OKLCH oklch(63.104% 0.11602 253.935).

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

The complementary color of #558cce is #b37e2b. For a calmer combination use the analogous colors #0f98bd and #817fcd. The triadic partners are #c56a74 and #6c994d.

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

White text reads better on #558cce: white gives a contrast ratio of 3.48:1 and black gives 6.03:1. WCAG AA asks for at least 4.5:1 for body text.

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

#558cce is a cool color. In OKLCH its hue is 254 degrees, its lightness 63.1% and its chroma 0.116.