# #536aa4 color: Electrify

#536aa4 is rgb(83, 106, 164) in RGB and oklch(53.2% 0.09568 266.748) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/536aa4

## Formats

| Format | Value |
| --- | --- |
| HEX | #536aa4 |
| RGB | rgb(83, 106, 164) |
| HSL | hsl(222.96, 32.79%, 48.43%) |
| HSB / HSV | hsv(222.96 49.39% 64.31%) |
| HWB | hwb(222.96 32.55% 35.69%) |
| CMYK | cmyk(49% 35% 0% 36%) |
| Lab | lab(44.95 3.98 -34.46) |
| LCH | lch(44.95 34.69 276.59) |
| OKLab | oklab(53.2% -0.00543 -0.09552) |
| OKLCH | oklch(53.2% 0.09568 266.748) |
| Display P3 | color(display-p3 0.34363 0.41307 0.62615) |
| Rec. 2020 | color(rec2020 0.3206 0.35847 0.58309) |
| Adobe RGB | color(a98-rgb 0.35561 0.41446 0.62991) |
| ProPhoto RGB | color(prophoto-rgb 0.34278 0.34186 0.54892) |
| Linear sRGB | color(srgb-linear 0.0865 0.14413 0.37124) |
| XYZ D65 | color(xyz-d65 0.15421 0.14827 0.37172) |
| XYZ D50 | color(xyz-d50 0.14635 0.14507 0.2803) |
| SwiftUI | Color(red: 0.325, green: 0.416, blue: 0.643) |
| UIKit | UIColor(red: 0.325, green: 0.416, blue: 0.643, alpha: 1) |
| Flutter / Compose | Color(0xFF536AA4) |
| Android XML | #536AA4 |

## Facts

- Closest name: Electrify
- Hue family: Blue, soft blue
- Closest Tailwind class: slate-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 5.3:1
- Contrast with black: 3.97:1

## Tints

#536aa4, #6378ad, #7387b7, #8395c0, #94a4c9, #a5b3d2, #b7c2db, #c8d1e4, #dae0ed, #eceff6

## Shades

#536aa4, #475b8e, #3b4d79, #303f64, #253150, #1b243d, #11182b, #080d1a, #02040a, #000001

## Tones

#536aa4, #566b9f, #586b99, #5b6b94, #5d6c8e, #606c89, #626c83, #656c7e, #676c78, #6a6c72

## Harmonies

- Complementary: #536aa4, #84681f
- Split: #536aa4, #965d30, #69732c
- Analogous: #536aa4, #2a749c, #72609d
- Triadic: #536aa4, #9c554e, #447b4a
- Tetradic: #536aa4, #895889, #84681f, #447b4a
- Square: #536aa4, #98536d, #84681f, #0f7e6b
- Monochromatic: #536aa4, #16275b, #33487f, #758ecb, #99b3f3

## Questions about #536aa4

### What color is #536aa4?

#536aa4 is soft blue. The closest named color is Electrify. In RGB it is rgb(83, 106, 164), in HSL hsl(222.96, 32.79%, 48.43%) and in OKLCH oklch(53.2% 0.09568 266.748).

### What colors go well with #536aa4?

The complementary color of #536aa4 is #84681f. For a calmer combination use the analogous colors #2a749c and #72609d. The triadic partners are #9c554e and #447b4a.

### Is white or black text more readable on #536aa4?

White text reads better on #536aa4: white gives a contrast ratio of 5.3:1 and black gives 3.97:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #536aa4 a warm or cool color?

#536aa4 is a cool color. In OKLCH its hue is 267 degrees, its lightness 53.2% and its chroma 0.096.