# #5ba2af color: Explorer Blue

#5ba2af is rgb(91, 162, 175) in RGB and oklch(67.069% 0.07382 210.674) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/5ba2af

## Formats

| Format | Value |
| --- | --- |
| HEX | #5ba2af |
| RGB | rgb(91, 162, 175) |
| HSL | hsl(189.29, 34.43%, 52.16%) |
| HSB / HSV | hsv(189.29 48% 68.63%) |
| HWB | hwb(189.29 35.69% 31.37%) |
| CMYK | cmyk(48% 7% 0% 31%) |
| Lab | lab(62.36 -20.61 -14.11) |
| LCH | lch(62.36 24.97 214.4) |
| OKLab | oklab(67.069% -0.06349 -0.03766) |
| OKLCH | oklch(67.069% 0.07382 210.674) |
| Display P3 | color(display-p3 0.42383 0.62846 0.67872) |
| Rec. 2020 | color(rec2020 0.43731 0.58109 0.64267) |
| Adobe RGB | color(a98-rgb 0.4559 0.62945 0.67835) |
| ProPhoto RGB | color(prophoto-rgb 0.44721 0.54734 0.61373) |
| Linear sRGB | color(srgb-linear 0.10462 0.36131 0.42869) |
| XYZ D65 | color(xyz-d65 0.24971 0.31159 0.45257) |
| XYZ D50 | color(xyz-d50 0.24611 0.30828 0.34266) |
| SwiftUI | Color(red: 0.357, green: 0.635, blue: 0.686) |
| UIKit | UIColor(red: 0.357, green: 0.635, blue: 0.686, alpha: 1) |
| Flutter / Compose | Color(0xFF5BA2AF) |
| Android XML | #5BA2AF |

## Facts

- Closest name: Explorer Blue
- Hue family: Cyan, dusty cyan
- Closest Tailwind class: slate-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.9:1
- Contrast with black: 7.23:1

## Tints

#5ba2af, #6dabb7, #7eb4bf, #8ebec7, #9ec7cf, #aed0d7, #bfd9df, #cfe3e7, #dfecef, #eff6f7

## Shades

#5ba2af, #4e8c98, #417781, #35636b, #294f56, #1e3c41, #132a2e, #09191c, #030a0b, #000101

## Tones

#5ba2af, #63a1ac, #69a0aa, #709fa7, #769da5, #7c9ca2, #819ba0, #87999d, #8c989a, #919798

## Harmonies

- Complementary: #5ba2af, #bf857a
- Split: #5ba2af, #bc8393, #b78b67
- Analogous: #5ba2af, #5fa598, #6b9cbf
- Triadic: #5ba2af, #b085ab, #a79460
- Tetradic: #5ba2af, #8493c4, #bf857a, #a79460
- Square: #5ba2af, #9d8bbc, #bf857a, #8f9d69
- Monochromatic: #5ba2af, #035b67, #357d8a, #81c8d5, #a7f0fd

## Questions about #5ba2af

### What color is #5ba2af?

#5ba2af is dusty cyan. The closest named color is Explorer Blue. In RGB it is rgb(91, 162, 175), in HSL hsl(189.29, 34.43%, 52.16%) and in OKLCH oklch(67.069% 0.07382 210.674).

### What colors go well with #5ba2af?

The complementary color of #5ba2af is #bf857a. For a calmer combination use the analogous colors #5fa598 and #6b9cbf. The triadic partners are #b085ab and #a79460.

### Is white or black text more readable on #5ba2af?

Black text reads better on #5ba2af: white gives a contrast ratio of 2.9:1 and black gives 7.23:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #5ba2af a warm or cool color?

#5ba2af is a cool color. In OKLCH its hue is 211 degrees, its lightness 67.1% and its chroma 0.074.