#537ad2 hex color

In a RGB color space, hex #537ad2 is composed of 32.5% red, 47.8% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 60.5% cyan, 41.9% magenta, 0% yellow and 17.6% black. It has a hue angle of 221.6 degrees, a saturation of 58.5% and a lightness of 57.5%. #537ad2 color hex could be obtained by blending #a6f4ff with #0000a5. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 48
- B 82
RGB color chart
- C 60
- M 42
- Y 0
- K 18
CMYK color chart

● #537ad2 color description : Moderate blue.

The hexadecimal color #537ad2 has RGB values of R:83, G:122, B:210 and CMYK values of C:0.6, M:0.42, Y:0, K:0.18. Its decimal value is 5470930.

Hex triplet	537ad2	`#537ad2`
RGB Decimal	83, 122, 210	`rgb(83,122,210)`
RGB Percent	32.5, 47.8, 82.4	`rgb(32.5%,47.8%,82.4%)`
CMYK	60, 42, 0, 18
HSL	221.6°, 58.5, 57.5	`hsl(221.6,58.5%,57.5%)`
HSV (or HSB)	221.6°, 60.5, 82.4
Web Safe	6666cc	`#6666cc`

CIE-LAB	52.298, 13.338, -49.553
XYZ	22.157, 20.41, 63.741
xyY	0.208, 0.192, 20.41
CIE-LCH	52.298, 51.317, 285.065
CIE-LUV	52.298, -18.524, -78.027
Hunter-Lab	45.177, 8.485, -52.029
Binary	01010011, 01111010, 11010010

#537ad2
```
#537ad2 rgb(83,122,210)
```
#d2ab53
```
#d2ab53 rgb(210,171,83)
```

Complementary Color

#53bad2
```
#53bad2 rgb(83,186,210)
```
#537ad2
```
#537ad2 rgb(83,122,210)
```
#6c53d2
```
#6c53d2 rgb(108,83,210)
```

Analogous Color

#bad253
```
#bad253 rgb(186,210,83)
```
#537ad2
```
#537ad2 rgb(83,122,210)
```
#d26c53
```
#d26c53 rgb(210,108,83)
```

Split Complementary Color

#7ad253
```
#7ad253 rgb(122,210,83)
```
#537ad2
```
#537ad2 rgb(83,122,210)
```
#d2537a
```
#d2537a rgb(210,83,122)
```

Triadic Color

#53d2ab
```
#53d2ab rgb(83,210,171)
```
#537ad2
```
#537ad2 rgb(83,122,210)
```
#d2537a
```
#d2537a rgb(210,83,122)
```
#d2ab53
```
#d2ab53 rgb(210,171,83)
```

Tetradic Color

#2d54ac
```
#2d54ac rgb(45,84,172)
```
#325ec0
```
#325ec0 rgb(50,94,192)
```
#3f6acd
```
#3f6acd rgb(63,106,205)
```
#537ad2
```
#537ad2 rgb(83,122,210)
```
#678ad7
```
#678ad7 rgb(103,138,215)
```
#7b99dd
```
#7b99dd rgb(123,153,221)
```
#90a9e2
```
#90a9e2 rgb(144,169,226)
```

Monochromatic Color

Below, you can see some colors close to #537ad2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#539ad2
```
#539ad2 rgb(83,154,210)
```
#538fd2
```
#538fd2 rgb(83,143,210)
```
#5385d2
```
#5385d2 rgb(83,133,210)
```
#537ad2
```
#537ad2 rgb(83,122,210)
```
#536fd2
```
#536fd2 rgb(83,111,210)
```
#5365d2
```
#5365d2 rgb(83,101,210)
```
#535ad2
```
#535ad2 rgb(83,90,210)
```

Similar Colors

Text with hexadecimal color #537ad2

This text has a font color of #537ad2.

<span style="color:#537ad2;">Text here</span>

#537ad2 background color

This paragraph has a background color of #537ad2.

<p style="background-color:#537ad2;">Content here</p>

#537ad2 border color

This element has a border color of #537ad2.

<div style="border:1px solid #537ad2;">Content here</div>

CSS codes

.text {color:#537ad2;}

.background {background-color:#537ad2;}

.border {border:1px solid #537ad2;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #04070f is the darkest color, while #fefeff is the lightest one.

#04070f
```
#04070f rgb(4,7,15)
```
#080f1e
```
#080f1e rgb(8,15,30)
```
#0c162e
```
#0c162e rgb(12,22,46)
```
#101e3d
```
#101e3d rgb(16,30,61)
```
#14254d
```
#14254d rgb(20,37,77)
```
#182d5c
```
#182d5c rgb(24,45,92)
```
#1c356c
```
#1c356c rgb(28,53,108)
```
#203c7b
```
#203c7b rgb(32,60,123)
```
#24448b
```
#24448b rgb(36,68,139)
```
#284b9b
```
#284b9b rgb(40,75,155)
```
#2c53aa
```
#2c53aa rgb(44,83,170)
```
#315bba
```
#315bba rgb(49,91,186)
```
#3562c9
```
#3562c9 rgb(53,98,201)
```

Shade Color Variation

#436ece
```
#436ece rgb(67,110,206)
```
#537ad2
```
#537ad2 rgb(83,122,210)
```
#6386d6
```
#6386d6 rgb(99,134,214)
```
#7292da
```
#7292da rgb(114,146,218)
```
#829ede
```
#829ede rgb(130,158,222)
```
#91aae2
```
#91aae2 rgb(145,170,226)
```
#a1b6e6
```
#a1b6e6 rgb(161,182,230)
```
#b0c2ea
```
#b0c2ea rgb(176,194,234)
```
#c0ceee
```
#c0ceee rgb(192,206,238)
```
#cfdaf3
```
#cfdaf3 rgb(207,218,243)
```
#dfe6f7
```
#dfe6f7 rgb(223,230,247)
```
#eef2fb
```
#eef2fb rgb(238,242,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d9198 is the less saturated color, while #296afc is the most saturated one.

#8d9198
```
#8d9198 rgb(141,145,152)
```
#858da0
```
#858da0 rgb(133,141,160)
```
#7d8aa8
```
#7d8aa8 rgb(125,138,168)
```
#7487b1
```
#7487b1 rgb(116,135,177)
```
#6c84b9
```
#6c84b9 rgb(108,132,185)
```
#6480c1
```
#6480c1 rgb(100,128,193)
```
#5b7dca
```
#5b7dca rgb(91,125,202)
```
#537ad2
```
#537ad2 rgb(83,122,210)
```
#4b77da
```
#4b77da rgb(75,119,218)
```
#4274e3
```
#4274e3 rgb(66,116,227)
```
#3a70eb
```
#3a70eb rgb(58,112,235)
```
#326df3
```
#326df3 rgb(50,109,243)
```
#296afc
```
#296afc rgb(41,106,252)
```

Tone Color Variation

Below, you can see how #537ad2 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#787878 Achromatopsia 0.005% of the population
#71788a Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c80d4 Protanopia 1% of men
#4584d2 Deuteranopia 1% of men
#368e99 Tritanopia 0.001% of the population

Trichromacy

#597ed3 Protanomaly 1% of men, 0.01% of women
#4a80d2 Deuteranomaly 6% of men, 0.4% of women
#4187ad Tritanomaly 0.01% of the population

#537ad2 hex color

#537ad2 Color Information

#537ad2 Color Conversion

Color Schemes with #537ad2

Alternatives to #537ad2

#537ad2 Preview

Shades and Tints of #537ad2

Tones of #537ad2

Color Blindness Simulator