# #558ccf color: Blue Dart

#558ccf is rgb(85, 140, 207) in RGB and oklch(63.156% 0.11731 254.257) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #558ccf |
| RGB | rgb(85, 140, 207) |
| HSL | hsl(212.95, 55.96%, 57.25%) |
| HSB / HSV | hsv(212.95 58.94% 81.18%) |
| HWB | hwb(212.95 33.33% 18.82%) |
| CMYK | cmyk(59% 32% 0% 19%) |
| Lab | lab(56.69 -3.27 -40.74) |
| LCH | lch(56.69 40.87 265.4) |
| OKLab | oklab(63.156% -0.03183 -0.11291) |
| OKLCH | oklch(63.156% 0.11731 254.257) |
| Display P3 | color(display-p3 0.38301 0.54352 0.79099) |
| Rec. 2020 | color(rec2020 0.39644 0.49457 0.76328) |
| Adobe RGB | color(a98-rgb 0.40858 0.54411 0.79816) |
| ProPhoto RGB | color(prophoto-rgb 0.43378 0.46865 0.73348) |
| Linear sRGB | color(srgb-linear 0.09084 0.26225 0.62396) |
| XYZ D65 | color(xyz-d65 0.24385 0.25192 0.62611) |
| XYZ D50 | color(xyz-d50 0.22989 0.24604 0.47229) |
| SwiftUI | Color(red: 0.333, green: 0.549, blue: 0.812) |
| UIKit | UIColor(red: 0.333, green: 0.549, blue: 0.812, alpha: 1) |
| Flutter / Compose | Color(0xFF558CCF) |
| Android XML | #558CCF |

## 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.04:1

## Tints

#558ccf, #6698d4, #77a3da, #88afdf, #98bae4, #a9c5e9, #bad1ed, #cbdcf2, #dce8f7, #eef3fb

## Shades

#558ccf, #4979b4, #3d6799, #31557f, #264367, #1c334f, #112338, #081423, #020710, #000102

## Tones

#558ccf, #5b8cc8, #618cc2, #678cbb, #6c8cb4, #718cad, #768ca6, #7b8b9f, #808b98, #858a91

## Harmonies

- Complementary: #558ccf, #b37e29
- Split: #558ccf, #c4704b, #958d2a
- Analogous: #558ccf, #0a98be, #827fce
- Triadic: #558ccf, #c66a74, #6b994d
- Tetradic: #558ccf, #a473bb, #b37e29, #6b994d
- Square: #558ccf, #bb6b9b, #b37e29, #30a077
- Monochromatic: #558ccf, #0a4582, #3268a8, #79b2f7, #aed8ff

## Questions about #558ccf

### What color is #558ccf?

#558ccf is soft blue. The closest named color is Blue Dart. In RGB it is rgb(85, 140, 207), in HSL hsl(212.95, 55.96%, 57.25%) and in OKLCH oklch(63.156% 0.11731 254.257).

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

The complementary color of #558ccf is #b37e29. For a calmer combination use the analogous colors #0a98be and #827fce. The triadic partners are #c66a74 and #6b994d.

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

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

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

#558ccf is a cool color. In OKLCH its hue is 254 degrees, its lightness 63.2% and its chroma 0.117.