# #369aef color: Out of the Blue

#369aef is rgb(54, 154, 239) in RGB and oklch(66.908% 0.15542 248.474) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #369aef |
| RGB | rgb(54, 154, 239) |
| HSL | hsl(207.57, 85.25%, 57.45%) |
| HSB / HSV | hsv(207.57 77.41% 93.73%) |
| HWB | hwb(207.57 21.18% 6.27%) |
| CMYK | cmyk(77% 36% 0% 6%) |
| Lab | lab(60.97 -7.1 -51.83) |
| LCH | lch(60.97 52.32 262.2) |
| OKLab | oklab(66.908% -0.05703 -0.14458) |
| OKLCH | oklch(66.908% 0.15542 248.474) |
| Display P3 | color(display-p3 0.3277 0.59578 0.91129) |
| Rec. 2020 | color(rec2020 0.39191 0.54921 0.89614) |
| Adobe RGB | color(a98-rgb 0.37906 0.5983 0.92425) |
| ProPhoto RGB | color(prophoto-rgb 0.46041 0.52188 0.87458) |
| Linear sRGB | color(srgb-linear 0.03689 0.32314 0.86316) |
| XYZ D65 | color(xyz-d65 0.28655 0.30126 0.85969) |
| XYZ D50 | color(xyz-d50 0.26404 0.29219 0.64826) |
| SwiftUI | Color(red: 0.212, green: 0.604, blue: 0.937) |
| UIKit | UIColor(red: 0.212, green: 0.604, blue: 0.937, alpha: 1) |
| Flutter / Compose | Color(0xFF369AEF) |
| Android XML | #369AEF |

## Facts

- Closest name: Out of the Blue
- Hue family: Blue, bright blue
- Closest Tailwind class: sky-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.99:1
- Contrast with black: 7.03:1

## Tints

#369aef, #50a5f2, #66aff4, #7bb9f6, #8ec4f8, #a1cefa, #b4d8fb, #c7e2fc, #daecfe, #ecf5fe

## Shades

#369aef, #2e85d0, #2571b1, #1e5e94, #164b78, #0f395c, #082742, #03172a, #010914, #000103

## Tones

#369aef, #459ae6, #519ade, #5c9ad5, #669acc, #6f99c3, #7799ba, #7f98b1, #8797a8, #8e969e

## Harmonies

- Complementary: #369aef, #d17f00
- Split: #369aef, #e36e48, #ae9400
- Analogous: #369aef, #00a8cf, #8188f2
- Triadic: #369aef, #e26682, #78a62d
- Tetradic: #369aef, #b077dd, #d17f00, #78a62d
- Square: #369aef, #d06bb5, #d17f00, #00b170
- Monochromatic: #369aef, #00509d, #0074c6, #70c1ff, #bee6ff

## Questions about #369aef

### What color is #369aef?

#369aef is bright blue. The closest named color is Out of the Blue. In RGB it is rgb(54, 154, 239), in HSL hsl(207.57, 85.25%, 57.45%) and in OKLCH oklch(66.908% 0.15542 248.474).

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

The complementary color of #369aef is #d17f00. For a calmer combination use the analogous colors #00a8cf and #8188f2. The triadic partners are #e26682 and #78a62d.

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

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

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

#369aef is a cool color. In OKLCH its hue is 248 degrees, its lightness 66.9% and its chroma 0.155.