# #369df5 color: Rockman Blue

#369df5 is rgb(54, 157, 245) in RGB and oklch(67.915% 0.15973 248.696) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #369df5 |
| RGB | rgb(54, 157, 245) |
| HSL | hsl(207.64, 90.52%, 58.63%) |
| HSB / HSV | hsv(207.64 77.96% 96.08%) |
| HWB | hwb(207.64 21.18% 3.92%) |
| CMYK | cmyk(78% 36% 0% 4%) |
| Lab | lab(62.11 -6.92 -53.33) |
| LCH | lch(62.11 53.78 262.61) |
| OKLab | oklab(67.915% -0.05804 -0.14882) |
| OKLCH | oklch(67.915% 0.15973 248.696) |
| Display P3 | color(display-p3 0.33219 0.60735 0.93403) |
| Rec. 2020 | color(rec2020 0.40079 0.56175 0.92142) |
| Adobe RGB | color(a98-rgb 0.38482 0.60997 0.9481) |
| ProPhoto RGB | color(prophoto-rgb 0.47232 0.53452 0.90199) |
| Linear sRGB | color(srgb-linear 0.03689 0.33716 0.9131) |
| XYZ D65 | color(xyz-d65 0.30057 0.31489 0.90883) |
| XYZ D50 | color(xyz-d50 0.27659 0.30527 0.68529) |
| SwiftUI | Color(red: 0.212, green: 0.616, blue: 0.961) |
| UIKit | UIColor(red: 0.212, green: 0.616, blue: 0.961, alpha: 1) |
| Flutter / Compose | Color(0xFF369DF5) |
| Android XML | #369DF5 |

## 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.88:1
- Contrast with black: 7.3:1

## Tints

#369df5, #50a7f7, #67b2f9, #7bbcfa, #8fc6fc, #a2cffd, #b5d9fe, #c7e3fe, #daecff, #ecf6ff

## Shades

#369df5, #2e88d5, #2573b6, #1e5f98, #164c7b, #0f3a5f, #082844, #03182b, #010915, #000103

## Tones

#369df5, #469dec, #529de3, #5d9dda, #679dd1, #719cc8, #799cbe, #819bb5, #899aab, #9199a2

## Harmonies

- Complementary: #369df5, #d68200
- Split: #369df5, #e86f47, #b29700
- Analogous: #369df5, #00abd3, #848af8
- Triadic: #369df5, #e76884, #79aa2d
- Tetradic: #369df5, #b479e2, #d68200, #79aa2d
- Square: #369df5, #d66db9, #d68200, #00b572
- Monochromatic: #369df5, #0053a2, #0077cc, #77c4ff, #c5e9ff

## Questions about #369df5

### What color is #369df5?

#369df5 is bright blue. The closest named color is Rockman Blue. In RGB it is rgb(54, 157, 245), in HSL hsl(207.64, 90.52%, 58.63%) and in OKLCH oklch(67.915% 0.15973 248.696).

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

The complementary color of #369df5 is #d68200. For a calmer combination use the analogous colors #00abd3 and #848af8. The triadic partners are #e76884 and #79aa2d.

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

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

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

#369df5 is a cool color. In OKLCH its hue is 249 degrees, its lightness 67.9% and its chroma 0.16.