# #369ffd color: Brilliant Azure

#369ffd is rgb(54, 159, 253) in RGB and oklch(68.814% 0.16734 249.827) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #369ffd |
| RGB | rgb(54, 159, 253) |
| HSL | hsl(208.34, 98.03%, 60.2%) |
| HSB / HSV | hsv(208.34 78.66% 99.22%) |
| HWB | hwb(208.34 21.18% 0.78%) |
| CMYK | cmyk(79% 37% 0% 1%) |
| Lab | lab(63.04 -5.62 -56.22) |
| LCH | lch(63.04 56.5 264.29) |
| OKLab | oklab(68.814% -0.05771 -0.15707) |
| OKLCH | oklch(68.814% 0.16734 249.827) |
| Display P3 | color(display-p3 0.3352 0.61507 0.96402) |
| Rec. 2020 | color(rec2020 0.40866 0.57048 0.95475) |
| Adobe RGB | color(a98-rgb 0.38868 0.61775 0.97979) |
| ProPhoto RGB | color(prophoto-rgb 0.48521 0.54389 0.9382) |
| Linear sRGB | color(srgb-linear 0.03689 0.3467 0.98225) |
| XYZ D65 | color(xyz-d65 0.31647 0.32671 0.9757) |
| XYZ D50 | color(xyz-d50 0.29016 0.3163 0.7356) |
| SwiftUI | Color(red: 0.212, green: 0.624, blue: 0.992) |
| UIKit | UIColor(red: 0.212, green: 0.624, blue: 0.992, alpha: 1) |
| Flutter / Compose | Color(0xFF369FFD) |
| Android XML | #369FFD |

## Facts

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

## Tints

#369ffd, #51a9fe, #67b3ff, #7cbdff, #8fc7ff, #a2d1ff, #b5daff, #c8e4ff, #daedff, #edf6ff

## Shades

#369ffd, #2e8adc, #2575bc, #1e619d, #164d7f, #0f3b62, #082947, #03182d, #010916, #000103

## Tones

#369ffd, #469ff3, #53a0ea, #5fa0e0, #699fd7, #729fcd, #7b9ec3, #849eb9, #8c9daf, #939ca5

## Harmonies

- Complementary: #369ffd, #db8400
- Split: #369ffd, #ee7042, #b39b00
- Analogous: #369ffd, #00aed8, #888bff
- Triadic: #369ffd, #ee6883, #78ae2a
- Tetradic: #369ffd, #ba79e7, #db8400, #78ae2a
- Square: #369ffd, #dc6cbb, #db8400, #00b975
- Monochromatic: #369ffd, #0054a9, #0079d4, #80c6ff, #cbebff

## Questions about #369ffd

### What color is #369ffd?

#369ffd is bright blue. The closest named color is Brilliant Azure. In RGB it is rgb(54, 159, 253), in HSL hsl(208.34, 98.03%, 60.2%) and in OKLCH oklch(68.814% 0.16734 249.827).

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

The complementary color of #369ffd is #db8400. For a calmer combination use the analogous colors #00aed8 and #888bff. The triadic partners are #ee6883 and #78ae2a.

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

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

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

#369ffd is a cool color. In OKLCH its hue is 250 degrees, its lightness 68.8% and its chroma 0.167.