# #20aaff color: Protoss Pylon

#20aaff is rgb(32, 170, 255) in RGB and oklch(70.971% 0.1646 243.358) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/20aaff

## Formats

| Format | Value |
| --- | --- |
| HEX | #20aaff |
| RGB | rgb(32, 170, 255) |
| HSL | hsl(202.87, 100%, 56.27%) |
| HSB / HSV | hsv(202.87 87.45% 100%) |
| HWB | hwb(202.87 12.55% 0%) |
| CMYK | cmyk(87% 33% 0% 0%) |
| Lab | lab(65.9 -12.67 -52.81) |
| LCH | lch(65.9 54.31 256.51) |
| OKLab | oklab(70.971% -0.07381 -0.14713) |
| OKLCH | oklch(70.971% 0.1646 243.358) |
| Display P3 | color(display-p3 0.31946 0.65695 0.97309) |
| Rec. 2020 | color(rec2020 0.41483 0.61362 0.9653) |
| Adobe RGB | color(a98-rgb 0.38825 0.66074 0.98873) |
| ProPhoto RGB | color(prophoto-rgb 0.49393 0.58478 0.95069) |
| Linear sRGB | color(srgb-linear 0.01444 0.40198 1) |
| XYZ D65 | color(xyz-d65 0.33018 0.36275 0.99873) |
| XYZ D50 | color(xyz-d50 0.3042 0.35201 0.75333) |
| SwiftUI | Color(red: 0.125, green: 0.667, blue: 1) |
| UIKit | UIColor(red: 0.125, green: 0.667, blue: 1, alpha: 1) |
| Flutter / Compose | Color(0xFF20AAFF) |
| Android XML | #20AAFF |

## Facts

- Closest name: Protoss Pylon
- Hue family: Sky blue, bright light sky blue
- Closest Tailwind class: sky-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.54:1
- Contrast with black: 8.26:1

## Tints

#20aaff, #46b3ff, #61bcff, #78c5ff, #8dceff, #a1d6ff, #b4dfff, #c7e7ff, #daefff, #ecf7ff

## Shades

#20aaff, #1a93de, #157dbe, #0f689e, #0a5380, #063f63, #032d48, #011b2e, #000b16, #000103

## Tones

#20aaff, #3baaf6, #4daaed, #5ca9e4, #68a8da, #74a8d1, #7ea7c8, #87a6be, #90a4b5, #99a3ab

## Harmonies

- Complementary: #20aaff, #e78600
- Split: #20aaff, #f6755a, #c49d00
- Analogous: #20aaff, #00b7d7, #8197ff
- Triadic: #20aaff, #f27097, #8eb121
- Tetradic: #20aaff, #b784f4, #e78600, #8eb121
- Square: #20aaff, #dd76cc, #e78600, #31be6f
- Monochromatic: #20aaff, #005fa4, #0084d6, #82d0ff, #d3f3ff

## Questions about #20aaff

### What color is #20aaff?

#20aaff is bright light sky blue. The closest named color is Protoss Pylon. In RGB it is rgb(32, 170, 255), in HSL hsl(202.87, 100%, 56.27%) and in OKLCH oklch(70.971% 0.1646 243.358).

### What colors go well with #20aaff?

The complementary color of #20aaff is #e78600. For a calmer combination use the analogous colors #00b7d7 and #8197ff. The triadic partners are #f27097 and #8eb121.

### Is white or black text more readable on #20aaff?

Black text reads better on #20aaff: white gives a contrast ratio of 2.54:1 and black gives 8.26:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #20aaff a warm or cool color?

#20aaff is a cool color. In OKLCH its hue is 243 degrees, its lightness 71% and its chroma 0.165.