# #0caaff color: Protoss Pylon

#0caaff is rgb(12, 170, 255) in RGB and oklch(70.783% 0.16708 242.375) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/0caaff

## Formats

| Format | Value |
| --- | --- |
| HEX | #0caaff |
| RGB | rgb(12, 170, 255) |
| HSL | hsl(200.99, 100%, 52.35%) |
| HSB / HSV | hsv(200.99 95.29% 100%) |
| HWB | hwb(200.99 4.71% 0%) |
| CMYK | cmyk(95% 33% 0% 0%) |
| Lab | lab(65.72 -13.62 -53.12) |
| LCH | lch(65.72 54.84 255.61) |
| OKLab | oklab(70.783% -0.07747 -0.14804) |
| OKLCH | oklch(70.783% 0.16708 242.375) |
| Display P3 | color(display-p3 0.30231 0.65668 0.973) |
| Rec. 2020 | color(rec2020 0.40628 0.613 0.96521) |
| Adobe RGB | color(a98-rgb 0.37717 0.66074 0.98873) |
| ProPhoto RGB | color(prophoto-rgb 0.48834 0.58387 0.95059) |
| Linear sRGB | color(srgb-linear 0.00368 0.40198 1) |
| XYZ D65 | color(xyz-d65 0.32574 0.36046 0.99852) |
| XYZ D50 | color(xyz-d50 0.2995 0.34961 0.75318) |
| SwiftUI | Color(red: 0.047, green: 0.667, blue: 1) |
| UIKit | UIColor(red: 0.047, green: 0.667, blue: 1, alpha: 1) |
| Flutter / Compose | Color(0xFF0CAAFF) |
| Android XML | #0CAAFF |

## 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.56:1
- Contrast with black: 8.21:1

## Tints

#0caaff, #40b3ff, #5cbcff, #74c5ff, #8aceff, #9fd6ff, #b3dfff, #c6e7ff, #d9efff, #ecf7ff

## Shades

#0caaff, #0993de, #067dbe, #04689e, #035380, #023f63, #012d48, #001b2e, #000b16, #000103

## Tones

#0caaff, #34aaf6, #48a9ed, #58a9e3, #66a8da, #71a7d1, #7ca6c7, #86a5be, #8fa4b4, #98a2ab

## Harmonies

- Complementary: #0caaff, #e88500
- Split: #0caaff, #f7735a, #c59c00
- Analogous: #0caaff, #00b7d5, #7e97ff
- Triadic: #0caaff, #f26e98, #8fb016
- Tetradic: #0caaff, #b584f6, #e88500, #8fb016
- Square: #0caaff, #dc75ce, #e88500, #32bd6b
- Monochromatic: #0caaff, #005fa1, #0084d6, #7ed0ff, #d1f3ff

## Questions about #0caaff

### What color is #0caaff?

#0caaff is bright light sky blue. The closest named color is Protoss Pylon. In RGB it is rgb(12, 170, 255), in HSL hsl(200.99, 100%, 52.35%) and in OKLCH oklch(70.783% 0.16708 242.375).

### What colors go well with #0caaff?

The complementary color of #0caaff is #e88500. For a calmer combination use the analogous colors #00b7d5 and #7e97ff. The triadic partners are #f26e98 and #8fb016.

### Is white or black text more readable on #0caaff?

Black text reads better on #0caaff: white gives a contrast ratio of 2.56:1 and black gives 8.21:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #0caaff a warm or cool color?

#0caaff is a cool color. In OKLCH its hue is 242 degrees, its lightness 70.8% and its chroma 0.167.