# #369ff5 color: Rockman Blue

#369ff5 is rgb(54, 159, 245) in RGB and oklch(68.36% 0.15789 247.772) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #369ff5 |
| RGB | rgb(54, 159, 245) |
| HSL | hsl(207.02, 90.52%, 58.63%) |
| HSB / HSV | hsv(207.02 77.96% 96.08%) |
| HWB | hwb(207.02 21.18% 3.92%) |
| CMYK | cmyk(78% 35% 0% 4%) |
| Lab | lab(62.69 -7.96 -52.42) |
| LCH | lch(62.69 53.02 261.36) |
| OKLab | oklab(68.36% -0.05973 -0.14616) |
| OKLCH | oklch(68.36% 0.15789 247.772) |
| Display P3 | color(display-p3 0.3352 0.61507 0.93436) |
| Rec. 2020 | color(rec2020 0.40484 0.56977 0.92187) |
| Adobe RGB | color(a98-rgb 0.38868 0.61775 0.94829) |
| ProPhoto RGB | color(prophoto-rgb 0.4755 0.54212 0.90267) |
| Linear sRGB | color(srgb-linear 0.03689 0.3467 0.9131) |
| XYZ D65 | color(xyz-d65 0.30399 0.32171 0.90997) |
| XYZ D50 | color(xyz-d50 0.28026 0.31211 0.68622) |
| SwiftUI | Color(red: 0.212, green: 0.624, blue: 0.961) |
| UIKit | UIColor(red: 0.212, green: 0.624, blue: 0.961, alpha: 1) |
| Flutter / Compose | Color(0xFF369FF5) |
| Android XML | #369FF5 |

## Facts

- Closest name: Rockman Blue
- Hue family: Blue, bright blue
- Closest Tailwind class: blue-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.82:1
- Contrast with black: 7.43:1

## Tints

#369ff5, #51a9f7, #67b3f9, #7cbdfa, #8fc7fc, #a2d0fd, #b5dafe, #c8e3fe, #daedff, #edf6ff

## Shades

#369ff5, #2e8ad5, #2575b6, #1e6198, #164d7b, #0f3b5f, #082944, #03182b, #010915, #000103

## Tones

#369ff5, #469fec, #539fe3, #5e9fda, #689fd1, #729ec8, #7a9dbf, #839db6, #8a9cac, #929aa3

## Harmonies

- Complementary: #369ff5, #d88300
- Split: #369ff5, #e9714c, #b49800
- Analogous: #369ff5, #00add3, #848df9
- Triadic: #369ff5, #e86a87, #7dab2e
- Tetradic: #369ff5, #b47ce4, #d88300, #7dab2e
- Square: #369ff5, #d66fbb, #d88300, #10b672
- Monochromatic: #369ff5, #0055a2, #0079cc, #78c6ff, #c6eaff

## Questions about #369ff5

### What color is #369ff5?

#369ff5 is bright blue. The closest named color is Rockman Blue. In RGB it is rgb(54, 159, 245), in HSL hsl(207.02, 90.52%, 58.63%) and in OKLCH oklch(68.36% 0.15789 247.772).

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

The complementary color of #369ff5 is #d88300. For a calmer combination use the analogous colors #00add3 and #848df9. The triadic partners are #e86a87 and #7dab2e.

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

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

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

#369ff5 is a cool color. In OKLCH its hue is 248 degrees, its lightness 68.4% and its chroma 0.158.