# #558cd3 color: Blue Dart

#558cd3 is rgb(85, 140, 211) in RGB and oklch(63.369% 0.12251 255.461) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #558cd3 |
| RGB | rgb(85, 140, 211) |
| HSL | hsl(213.81, 58.88%, 58.04%) |
| HSB / HSV | hsv(213.81 59.72% 82.75%) |
| HWB | hwb(213.81 33.33% 17.25%) |
| CMYK | cmyk(60% 34% 0% 17%) |
| Lab | lab(56.85 -2.22 -42.72) |
| LCH | lch(56.85 42.78 267.02) |
| OKLab | oklab(63.369% -0.03075 -0.11858) |
| OKLCH | oklch(63.369% 0.12251 255.461) |
| Display P3 | color(display-p3 0.38301 0.54352 0.80577) |
| Rec. 2020 | color(rec2020 0.39799 0.49489 0.77944) |
| Adobe RGB | color(a98-rgb 0.40858 0.54411 0.81365) |
| ProPhoto RGB | color(prophoto-rgb 0.43794 0.46943 0.75024) |
| Linear sRGB | color(srgb-linear 0.09084 0.26225 0.65141) |
| XYZ D65 | color(xyz-d65 0.24881 0.2539 0.6522) |
| XYZ D50 | color(xyz-d50 0.23382 0.2477 0.49189) |
| SwiftUI | Color(red: 0.333, green: 0.549, blue: 0.827) |
| UIKit | UIColor(red: 0.333, green: 0.549, blue: 0.827, alpha: 1) |
| Flutter / Compose | Color(0xFF558CD3) |
| Android XML | #558CD3 |

## 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.46:1
- Contrast with black: 6.08:1

## Tints

#558cd3, #6698d8, #77a3dd, #88afe2, #98bae6, #a9c6eb, #bad1ef, #cbdcf3, #dce8f7, #eef3fb

## Shades

#558cd3, #4979b7, #3d679c, #315582, #264369, #1c3351, #11233a, #081424, #020710, #000102

## Tones

#558cd3, #5b8ccc, #618cc5, #678cbe, #6c8cb7, #728caf, #778ca8, #7c8ca1, #818b99, #858b92

## Harmonies

- Complementary: #558cd3, #b57e21
- Split: #558cd3, #c67047, #958e23
- Analogous: #558cd3, #0099c2, #847ed1
- Triadic: #558cd3, #c96971, #689b4c
- Tetradic: #558cd3, #a672bd, #b57e21, #689b4c
- Square: #558cd3, #be6a9b, #b57e21, #25a178
- Monochromatic: #558cd3, #0b4586, #3268ac, #79b2fc, #b1d9ff

## Questions about #558cd3

### What color is #558cd3?

#558cd3 is soft blue. The closest named color is Blue Dart. In RGB it is rgb(85, 140, 211), in HSL hsl(213.81, 58.88%, 58.04%) and in OKLCH oklch(63.369% 0.12251 255.461).

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

The complementary color of #558cd3 is #b57e21. For a calmer combination use the analogous colors #0099c2 and #847ed1. The triadic partners are #c96971 and #689b4c.

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

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

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

#558cd3 is a cool color. In OKLCH its hue is 255 degrees, its lightness 63.4% and its chroma 0.123.