# #5aa2d2 color: Picton Blue

#5aa2d2 is rgb(90, 162, 210) in RGB and oklch(68.478% 0.10145 239.722) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #5aa2d2 |
| RGB | rgb(90, 162, 210) |
| HSL | hsl(204, 57.14%, 58.82%) |
| HSB / HSV | hsv(204 57.14% 82.35%) |
| HWB | hwb(204 35.29% 17.65%) |
| CMYK | cmyk(57% 23% 0% 18%) |
| Lab | lab(63.41 -12.8 -31.96) |
| LCH | lch(63.41 34.43 248.17) |
| OKLab | oklab(68.478% -0.05115 -0.08761) |
| OKLCH | oklch(68.478% 0.10145 239.722) |
| Display P3 | color(display-p3 0.42123 0.6284 0.80639) |
| Rec. 2020 | color(rec2020 0.44655 0.58312 0.7812) |
| Adobe RGB | color(a98-rgb 0.45392 0.62945 0.81216) |
| ProPhoto RGB | color(prophoto-rgb 0.47716 0.55258 0.75432) |
| Linear sRGB | color(srgb-linear 0.10224 0.36131 0.64448) |
| XYZ D65 | color(xyz-d65 0.28768 0.32666 0.65764) |
| XYZ D50 | color(xyz-d50 0.27595 0.32083 0.49672) |
| SwiftUI | Color(red: 0.353, green: 0.635, blue: 0.824) |
| UIKit | UIColor(red: 0.353, green: 0.635, blue: 0.824, alpha: 1) |
| Flutter / Compose | Color(0xFF5AA2D2) |
| Android XML | #5AA2D2 |

## Facts

- Closest name: Picton Blue
- Hue family: Sky blue, soft sky blue
- Closest Tailwind class: slate-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.79:1
- Contrast with black: 7.53:1

## Tints

#5aa2d2, #6cabd7, #7db5dc, #8dbee0, #9ec7e5, #aed1ea, #bedaee, #cee3f2, #dfecf7, #eff6fb

## Shades

#5aa2d2, #4d8cb6, #41779b, #356381, #294f68, #1e3c50, #132a39, #091924, #030a10, #000102

## Tones

#5aa2d2, #62a1cd, #6aa1c7, #71a0c1, #779fbc, #7e9fb6, #849eb1, #899dab, #8f9ca5, #949b9f

## Harmonies

- Complementary: #5aa2d2, #c88a57
- Split: #5aa2d2, #d18174, #b2974a
- Analogous: #5aa2d2, #3aabbc, #8197d9
- Triadic: #5aa2d2, #cd7f97, #92a358
- Tetradic: #5aa2d2, #a38bd0, #c88a57, #92a358
- Square: #5aa2d2, #bd83b8, #c88a57, #6aab78
- Monochromatic: #5aa2d2, #005a86, #347dab, #80c8fa, #c0edff

## Questions about #5aa2d2

### What color is #5aa2d2?

#5aa2d2 is soft sky blue. The closest named color is Picton Blue. In RGB it is rgb(90, 162, 210), in HSL hsl(204, 57.14%, 58.82%) and in OKLCH oklch(68.478% 0.10145 239.722).

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

The complementary color of #5aa2d2 is #c88a57. For a calmer combination use the analogous colors #3aabbc and #8197d9. The triadic partners are #cd7f97 and #92a358.

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

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

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

#5aa2d2 is a cool color. In OKLCH its hue is 240 degrees, its lightness 68.5% and its chroma 0.101.