# #3697ff color: Brilliant Azure

#3697ff is rgb(54, 151, 255) in RGB and oklch(67.191% 0.17776 253.4) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/3697ff

## Formats

| Format | Value |
| --- | --- |
| HEX | #3697ff |
| RGB | rgb(54, 151, 255) |
| HSL | hsl(211.04, 100%, 60.59%) |
| HSB / HSV | hsv(211.04 78.82% 100%) |
| HWB | hwb(211.04 21.18% 0%) |
| CMYK | cmyk(79% 41% 0% 0%) |
| Lab | lab(60.84 -0.77 -60.79) |
| LCH | lch(60.84 60.8 269.28) |
| OKLab | oklab(67.191% -0.05078 -0.17035) |
| OKLCH | oklch(67.191% 0.17776 253.4) |
| Display P3 | color(display-p3 0.32325 0.5842 0.97021) |
| Rec. 2020 | color(rec2020 0.39379 0.53871 0.9613) |
| Adobe RGB | color(a98-rgb 0.37334 0.58665 0.98697) |
| ProPhoto RGB | color(prophoto-rgb 0.47542 0.51428 0.9446) |
| Linear sRGB | color(srgb-linear 0.03689 0.30947 1) |
| XYZ D65 | color(xyz-d65 0.30635 0.30136 0.98813) |
| XYZ D50 | color(xyz-d50 0.27836 0.29068 0.74466) |
| SwiftUI | Color(red: 0.212, green: 0.592, blue: 1) |
| UIKit | UIColor(red: 0.212, green: 0.592, blue: 1, alpha: 1) |
| Flutter / Compose | Color(0xFF3697FF) |
| Android XML | #3697FF |

## 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.99:1
- Contrast with black: 7.03:1

## Tints

#3697ff, #4fa2ff, #65adff, #7ab8ff, #8dc3ff, #a1cdff, #b4d7ff, #c6e1ff, #d9ebff, #ecf5ff

## Shades

#3697ff, #2e83de, #256fbe, #1e5c9e, #164980, #0f3763, #082648, #03172e, #010816, #000103

## Tones

#3697ff, #4598f5, #5198eb, #5c99e0, #6599d6, #6e99cc, #7799c1, #7f98b7, #8798ac, #8e97a1

## Harmonies

- Complementary: #3697ff, #d08200
- Split: #3697ff, #ec6928, #a89800
- Analogous: #3697ff, #00a7d7, #8a82fe
- Triadic: #3697ff, #ee5e75, #66ac22
- Tetradic: #3697ff, #bc70e2, #d08200, #66ac22
- Square: #3697ff, #dd62b1, #d08200, #00b578
- Monochromatic: #3697ff, #004cad, #0071d6, #7dbfff, #c4e5ff

## Questions about #3697ff

### What color is #3697ff?

#3697ff is bright blue. The closest named color is Brilliant Azure. In RGB it is rgb(54, 151, 255), in HSL hsl(211.04, 100%, 60.59%) and in OKLCH oklch(67.191% 0.17776 253.4).

### What colors go well with #3697ff?

The complementary color of #3697ff is #d08200. For a calmer combination use the analogous colors #00a7d7 and #8a82fe. The triadic partners are #ee5e75 and #66ac22.

### Is white or black text more readable on #3697ff?

Black text reads better on #3697ff: white gives a contrast ratio of 2.99:1 and black gives 7.03:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #3697ff a warm or cool color?

#3697ff is a cool color. In OKLCH its hue is 253 degrees, its lightness 67.2% and its chroma 0.178.