# #36b4fa color: Blue Bolt

#36b4fa is rgb(54, 180, 250) in RGB and oklch(73.351% 0.14672 238.599) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/36b4fa

## Formats

| Format | Value |
| --- | --- |
| HEX | #36b4fa |
| RGB | rgb(54, 180, 250) |
| HSL | hsl(201.43, 95.15%, 59.61%) |
| HSB / HSV | hsv(201.43 78.4% 98.04%) |
| HWB | hwb(201.43 21.18% 1.96%) |
| CMYK | cmyk(78% 28% 0% 2%) |
| Lab | lab(68.99 -17.09 -45.24) |
| LCH | lch(68.99 48.36 249.3) |
| OKLab | oklab(73.351% -0.07644 -0.12523) |
| OKLCH | oklch(73.351% 0.14672 238.599) |
| Display P3 | color(display-p3 0.36774 0.69612 0.9566) |
| Rec. 2020 | color(rec2020 0.45096 0.65506 0.94749) |
| Adobe RGB | color(a98-rgb 0.43014 0.70001 0.9701) |
| ProPhoto RGB | color(prophoto-rgb 0.51663 0.62507 0.93244) |
| Linear sRGB | color(srgb-linear 0.03689 0.45641 0.95597) |
| XYZ D65 | color(xyz-d65 0.35095 0.40327 0.9638) |
| XYZ D50 | color(xyz-d50 0.32865 0.39335 0.72748) |
| SwiftUI | Color(red: 0.212, green: 0.706, blue: 0.98) |
| UIKit | UIColor(red: 0.212, green: 0.706, blue: 0.98, alpha: 1) |
| Flutter / Compose | Color(0xFF36B4FA) |
| Android XML | #36B4FA |

## Facts

- Closest name: Blue Bolt
- Hue family: Sky blue, bright light sky blue
- Closest Tailwind class: sky-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.32:1
- Contrast with black: 9.07:1

## Tints

#36b4fa, #54bcfb, #6bc4fc, #80ccfd, #94d3fe, #a7dbfe, #b9e2ff, #cbeaff, #dcf1ff, #eef8ff

## Shades

#36b4fa, #2e9cd9, #2585ba, #1e6e9b, #16587d, #0f4461, #083046, #031d2d, #010c15, #000203

## Tones

#36b4fa, #4ab3f2, #5ab3ea, #67b2e2, #72b1da, #7db0d2, #87afca, #90adc2, #99acba, #a1aab1

## Harmonies

- Complementary: #36b4fa, #ec8f3d
- Split: #36b4fa, #f78173, #cea212
- Analogous: #36b4fa, #00c1d9, #82a3ff
- Triadic: #36b4fa, #f17ea7, #a0b53b
- Tetradic: #36b4fa, #b592f8, #ec8f3d, #a0b53b
- Square: #36b4fa, #da85d6, #ec8f3d, #5ec273
- Monochromatic: #36b4fa, #0069a5, #008ed1, #8ad9ff, #defaff

## Questions about #36b4fa

### What color is #36b4fa?

#36b4fa is bright light sky blue. The closest named color is Blue Bolt. In RGB it is rgb(54, 180, 250), in HSL hsl(201.43, 95.15%, 59.61%) and in OKLCH oklch(73.351% 0.14672 238.599).

### What colors go well with #36b4fa?

The complementary color of #36b4fa is #ec8f3d. For a calmer combination use the analogous colors #00c1d9 and #82a3ff. The triadic partners are #f17ea7 and #a0b53b.

### Is white or black text more readable on #36b4fa?

Black text reads better on #36b4fa: white gives a contrast ratio of 2.32:1 and black gives 9.07:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #36b4fa a warm or cool color?

#36b4fa is a cool color. In OKLCH its hue is 239 degrees, its lightness 73.4% and its chroma 0.147.