# #369ff1 color: Rockman Blue

#369ff1 is rgb(54, 159, 241) in RGB and oklch(68.138% 0.15324 246.627) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #369ff1 |
| RGB | rgb(54, 159, 241) |
| HSL | hsl(206.31, 86.98%, 57.84%) |
| HSB / HSV | hsv(206.31 77.59% 94.51%) |
| HWB | hwb(206.31 21.18% 5.49%) |
| CMYK | cmyk(78% 34% 0% 5%) |
| Lab | lab(62.51 -9.12 -50.5) |
| LCH | lch(62.51 51.32 259.76) |
| OKLab | oklab(68.138% -0.06079 -0.14067) |
| OKLCH | oklch(68.138% 0.15324 246.627) |
| Display P3 | color(display-p3 0.3352 0.61507 0.91955) |
| Rec. 2020 | color(rec2020 0.40297 0.56942 0.90548) |
| Adobe RGB | color(a98-rgb 0.38868 0.61775 0.93258) |
| ProPhoto RGB | color(prophoto-rgb 0.47074 0.54127 0.88506) |
| Linear sRGB | color(srgb-linear 0.03689 0.3467 0.87962) |
| XYZ D65 | color(xyz-d65 0.29794 0.3193 0.87815) |
| XYZ D50 | color(xyz-d50 0.27547 0.31008 0.66231) |
| SwiftUI | Color(red: 0.212, green: 0.624, blue: 0.945) |
| UIKit | UIColor(red: 0.212, green: 0.624, blue: 0.945, alpha: 1) |
| Flutter / Compose | Color(0xFF369FF1) |
| Android XML | #369FF1 |

## Facts

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

## Tints

#369ff1, #51a9f3, #67b3f5, #7cbdf7, #8fc7f9, #a2d0fb, #b5dafc, #c8e3fd, #daedfe, #edf6ff

## Shades

#369ff1, #2e8ad2, #2575b3, #1e6195, #164d79, #0f3b5d, #082943, #03182b, #010914, #000103

## Tones

#369ff1, #469fe8, #539fe0, #5e9fd7, #689ecf, #719ec6, #7a9dbd, #829cb4, #8a9bab, #919aa2

## Harmonies

- Complementary: #369ff1, #d68200
- Split: #369ff1, #e77251, #b49700
- Analogous: #369ff1, #00add1, #818df6
- Triadic: #369ff1, #e56b89, #80a930
- Tetradic: #369ff1, #b17de2, #d68200, #80a930
- Square: #369ff1, #d270bb, #d68200, #25b470
- Monochromatic: #369ff1, #00559e, #0079c8, #74c5ff, #c4eaff

## Questions about #369ff1

### What color is #369ff1?

#369ff1 is bright sky blue. The closest named color is Rockman Blue. In RGB it is rgb(54, 159, 241), in HSL hsl(206.31, 86.98%, 57.84%) and in OKLCH oklch(68.138% 0.15324 246.627).

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

The complementary color of #369ff1 is #d68200. For a calmer combination use the analogous colors #00add1 and #818df6. The triadic partners are #e56b89 and #80a930.

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

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

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

#369ff1 is a cool color. In OKLCH its hue is 247 degrees, its lightness 68.1% and its chroma 0.153.