# #369cc5 color: Norse Blue

#369cc5 is rgb(54, 156, 197) in RGB and oklch(65.212% 0.10973 229.024) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #369cc5 |
| RGB | rgb(54, 156, 197) |
| HSL | hsl(197.2, 56.97%, 49.22%) |
| HSB / HSV | hsv(197.2 72.59% 77.25%) |
| HWB | hwb(197.2 21.18% 22.75%) |
| CMYK | cmyk(73% 21% 0% 23%) |
| Lab | lab(59.92 -19.89 -30.23) |
| LCH | lch(59.92 36.19 236.66) |
| OKLab | oklab(65.212% -0.07195 -0.08284) |
| OKLCH | oklch(65.212% 0.10973 229.024) |
| Display P3 | color(display-p3 0.33069 0.60349 0.75674) |
| Rec. 2020 | color(rec2020 0.37825 0.55399 0.72675) |
| Adobe RGB | color(a98-rgb 0.38289 0.60608 0.76137) |
| ProPhoto RGB | color(prophoto-rgb 0.41771 0.52146 0.69758) |
| Linear sRGB | color(srgb-linear 0.03689 0.33245 0.55834) |
| XYZ D65 | color(xyz-d65 0.23486 0.28591 0.57106) |
| XYZ D50 | color(xyz-d50 0.22402 0.28038 0.4315) |
| SwiftUI | Color(red: 0.212, green: 0.612, blue: 0.773) |
| UIKit | UIColor(red: 0.212, green: 0.612, blue: 0.773, alpha: 1) |
| Flutter / Compose | Color(0xFF369CC5) |
| Android XML | #369CC5 |

## Facts

- Closest name: Norse Blue
- Hue family: Sky blue, bright sky blue
- Closest Tailwind class: cyan-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.13:1
- Contrast with black: 6.72:1

## Tints

#369cc5, #50a6cb, #67b0d1, #7bbad7, #8fc4dd, #a2cee3, #b5d7e9, #c7e1ee, #daebf4, #ecf5f9

## Shades

#369cc5, #2e87ab, #257392, #1e5f79, #164c61, #0f394b, #082835, #031821, #01090e, #000102

## Tones

#369cc5, #459bc0, #519abb, #5b99b5, #6498b0, #6d97ab, #7495a5, #7c94a0, #83939b, #899195

## Harmonies

- Complementary: #369cc5, #c67a51
- Split: #369cc5, #ca7375, #b48738
- Analogous: #369cc5, #09a4a9, #6690d2
- Triadic: #369cc5, #c1739a, #95953e
- Tetradic: #369cc5, #8e84cf, #c67a51, #95953e
- Square: #369cc5, #ad79ba, #c67a51, #6ca05e
- Monochromatic: #369cc5, #005477, #00779f, #61c2ed, #98e8ff

## Questions about #369cc5

### What color is #369cc5?

#369cc5 is bright sky blue. The closest named color is Norse Blue. In RGB it is rgb(54, 156, 197), in HSL hsl(197.2, 56.97%, 49.22%) and in OKLCH oklch(65.212% 0.10973 229.024).

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

The complementary color of #369cc5 is #c67a51. For a calmer combination use the analogous colors #09a4a9 and #6690d2. The triadic partners are #c1739a and #95953e.

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

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

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

#369cc5 is a cool color. In OKLCH its hue is 229 degrees, its lightness 65.2% and its chroma 0.11.