# #369ed3 color: Blue Burst

#369ed3 is rgb(54, 158, 211) in RGB and oklch(66.349% 0.12156 235.424) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/369ed3

## Formats

| Format | Value |
| --- | --- |
| HEX | #369ed3 |
| RGB | rgb(54, 158, 211) |
| HSL | hsl(200.25, 64.08%, 51.96%) |
| HSB / HSV | hsv(200.25 74.41% 82.75%) |
| HWB | hwb(200.25 21.18% 17.25%) |
| CMYK | cmyk(74% 25% 0% 17%) |
| Lab | lab(61.03 -17.08 -36.31) |
| LCH | lch(61.03 40.13 244.8) |
| OKLab | oklab(66.349% -0.06899 -0.10009) |
| OKLCH | oklch(66.349% 0.12156 235.424) |
| Display P3 | color(display-p3 0.33369 0.61121 0.8086) |
| Rec. 2020 | color(rec2020 0.38793 0.56303 0.78342) |
| Adobe RGB | color(a98-rgb 0.38675 0.61386 0.81556) |
| ProPhoto RGB | color(prophoto-rgb 0.43551 0.53156 0.75614) |
| Linear sRGB | color(srgb-linear 0.03689 0.34191 0.65141) |
| XYZ D65 | color(xyz-d65 0.25504 0.2994 0.66065) |
| XYZ D50 | color(xyz-d50 0.24098 0.29281 0.49888) |
| SwiftUI | Color(red: 0.212, green: 0.62, blue: 0.827) |
| UIKit | UIColor(red: 0.212, green: 0.62, blue: 0.827, alpha: 1) |
| Flutter / Compose | Color(0xFF369ED3) |
| Android XML | #369ED3 |

## Facts

- Closest name: Blue Burst
- Hue family: Sky blue, bright sky blue
- Closest Tailwind class: sky-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.01:1
- Contrast with black: 6.99:1

## Tints

#369ed3, #51a8d8, #67b2dd, #7cbbe1, #8fc5e6, #a2cfea, #b5d9ef, #c8e2f3, #daecf7, #edf5fb

## Shades

#369ed3, #2e89b7, #25749c, #1e6082, #164d69, #0f3a51, #08293a, #031824, #010910, #000102

## Tones

#369ed3, #459dcd, #529dc7, #5c9cc0, #669bba, #6f9ab4, #7799ad, #7e97a7, #8696a0, #8c959a

## Harmonies

- Complementary: #369ed3, #cc7e43
- Split: #369ed3, #d3746c, #b58d29
- Analogous: #369ed3, #00a8b7, #6f91de
- Triadic: #369ed3, #cd7296, #919c3b
- Tetradic: #369ed3, #9983d5, #cc7e43, #919c3b
- Square: #369ed3, #b978bc, #cc7e43, #5fa764
- Monochromatic: #369ed3, #005583, #0079ac, #61c4fb, #ace8ff

## Questions about #369ed3

### What color is #369ed3?

#369ed3 is bright sky blue. The closest named color is Blue Burst. In RGB it is rgb(54, 158, 211), in HSL hsl(200.25, 64.08%, 51.96%) and in OKLCH oklch(66.349% 0.12156 235.424).

### What colors go well with #369ed3?

The complementary color of #369ed3 is #cc7e43. For a calmer combination use the analogous colors #00a8b7 and #6f91de. The triadic partners are #cd7296 and #919c3b.

### Is white or black text more readable on #369ed3?

Black text reads better on #369ed3: white gives a contrast ratio of 3.01:1 and black gives 6.99:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #369ed3 a warm or cool color?

#369ed3 is a cool color. In OKLCH its hue is 235 degrees, its lightness 66.3% and its chroma 0.122.