# #558ba5 color: Kuta Surf

#558ba5 is rgb(85, 139, 165) in RGB and oklch(60.934% 0.06958 230.251) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #558ba5 |
| RGB | rgb(85, 139, 165) |
| HSL | hsl(199.5, 32%, 49.02%) |
| HSB / HSV | hsv(199.5 48.48% 64.71%) |
| HWB | hwb(199.5 33.33% 35.29%) |
| CMYK | cmyk(48% 16% 0% 35%) |
| Lab | lab(54.88 -13.09 -19.75) |
| LCH | lch(54.88 23.69 236.47) |
| OKLab | oklab(60.934% -0.04449 -0.0535) |
| OKLCH | oklch(60.934% 0.06958 230.251) |
| Display P3 | color(display-p3 0.38193 0.53968 0.63651) |
| Rec. 2020 | color(rec2020 0.38031 0.48764 0.59588) |
| Adobe RGB | color(a98-rgb 0.40703 0.54026 0.63739) |
| ProPhoto RGB | color(prophoto-rgb 0.39305 0.45782 0.56475) |
| Linear sRGB | color(srgb-linear 0.09084 0.25818 0.37626) |
| XYZ D65 | color(xyz-d65 0.19769 0.23112 0.39018) |
| XYZ D50 | color(xyz-d50 0.19289 0.22811 0.29502) |
| SwiftUI | Color(red: 0.333, green: 0.545, blue: 0.647) |
| UIKit | UIColor(red: 0.333, green: 0.545, blue: 0.647, alpha: 1) |
| Flutter / Compose | Color(0xFF558BA5) |
| Android XML | #558BA5 |

## Facts

- Closest name: Kuta Surf
- Hue family: Sky blue, dusty sky blue
- Closest Tailwind class: cyan-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.73:1
- Contrast with black: 5.62:1

## Tints

#558ba5, #6696ae, #77a2b7, #88adc0, #99b8c9, #a9c4d2, #bad0db, #cbdbe4, #dce7ed, #eef3f6

## Shades

#558ba5, #49788f, #3d6679, #315465, #264351, #1c323d, #11232b, #08141a, #02070a, #000101

## Tones

#558ba5, #5b8aa2, #608a9e, #65899b, #6a8898, #6e8794, #738691, #77868d, #7b858a, #7f8486

## Harmonies

- Complementary: #558ba5, #a5775d
- Split: #558ba5, #a97271, #997f52
- Analogous: #558ba5, #4b9094, #6b84ad
- Triadic: #558ba5, #a37289, #858755
- Tetradic: #558ba5, #827caa, #a5775d, #858755
- Square: #558ba5, #96769d, #a5775d, #6d8e66
- Monochromatic: #558ba5, #09465d, #316780, #79b0cb, #9fd7f3

## Questions about #558ba5

### What color is #558ba5?

#558ba5 is dusty sky blue. The closest named color is Kuta Surf. In RGB it is rgb(85, 139, 165), in HSL hsl(199.5, 32%, 49.02%) and in OKLCH oklch(60.934% 0.06958 230.251).

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

The complementary color of #558ba5 is #a5775d. For a calmer combination use the analogous colors #4b9094 and #6b84ad. The triadic partners are #a37289 and #858755.

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

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

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

#558ba5 is a cool color. In OKLCH its hue is 230 degrees, its lightness 60.9% and its chroma 0.07.