# #369ff3 color: Rockman Blue

#369ff3 is rgb(54, 159, 243) in RGB and oklch(68.249% 0.15556 247.21) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #369ff3 |
| RGB | rgb(54, 159, 243) |
| HSL | hsl(206.67, 88.73%, 58.24%) |
| HSB / HSV | hsv(206.67 77.78% 95.29%) |
| HWB | hwb(206.67 21.18% 4.71%) |
| CMYK | cmyk(78% 35% 0% 5%) |
| Lab | lab(62.6 -8.54 -51.46) |
| LCH | lch(62.6 52.17 260.58) |
| OKLab | oklab(68.249% -0.06026 -0.14342) |
| OKLCH | oklch(68.249% 0.15556 247.21) |
| Display P3 | color(display-p3 0.3352 0.61507 0.92695) |
| Rec. 2020 | color(rec2020 0.4039 0.5696 0.91367) |
| Adobe RGB | color(a98-rgb 0.38868 0.61775 0.94043) |
| ProPhoto RGB | color(prophoto-rgb 0.47311 0.54169 0.89385) |
| Linear sRGB | color(srgb-linear 0.03689 0.3467 0.89627) |
| XYZ D65 | color(xyz-d65 0.30095 0.3205 0.89397) |
| XYZ D50 | color(xyz-d50 0.27786 0.31109 0.6742) |
| SwiftUI | Color(red: 0.212, green: 0.624, blue: 0.953) |
| UIKit | UIColor(red: 0.212, green: 0.624, blue: 0.953, alpha: 1) |
| Flutter / Compose | Color(0xFF369FF3) |
| Android XML | #369FF3 |

## Facts

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

## Tints

#369ff3, #51a9f5, #67b3f7, #7cbdf9, #8fc7fa, #a2d0fc, #b5dafd, #c8e3fe, #daedfe, #edf6ff

## Shades

#369ff3, #2e8ad3, #2575b4, #1e6197, #164d7a, #0f3b5e, #082944, #03182b, #010914, #000103

## Tones

#369ff3, #469fea, #539fe2, #5e9fd9, #689ed0, #729ec7, #7a9dbe, #829cb5, #8a9bac, #929aa2

## Harmonies

- Complementary: #369ff3, #d78300
- Split: #369ff3, #e8714e, #b49800
- Analogous: #369ff3, #00add2, #838df7
- Triadic: #369ff3, #e66b88, #7faa2f
- Tetradic: #369ff3, #b37ce3, #d78300, #7faa2f
- Square: #369ff3, #d470bb, #d78300, #1cb571
- Monochromatic: #369ff3, #0055a0, #0079ca, #76c6ff, #c5eaff

## Questions about #369ff3

### What color is #369ff3?

#369ff3 is bright blue. The closest named color is Rockman Blue. In RGB it is rgb(54, 159, 243), in HSL hsl(206.67, 88.73%, 58.24%) and in OKLCH oklch(68.249% 0.15556 247.21).

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

The complementary color of #369ff3 is #d78300. For a calmer combination use the analogous colors #00add2 and #838df7. The triadic partners are #e66b88 and #7faa2f.

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

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

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

#369ff3 is a cool color. In OKLCH its hue is 247 degrees, its lightness 68.2% and its chroma 0.156.