#537aed hex color

In a RGB color space, hex #537aed is composed of 32.5% red, 47.8% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 65% cyan, 48.5% magenta, 0% yellow and 7.1% black. It has a hue angle of 224.8 degrees, a saturation of 81.1% and a lightness of 62.7%. #537aed color hex could be obtained by blending #a6f4ff with #0000db. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 33
- G 48
- B 93
RGB color chart
- C 65
- M 49
- Y 0
- K 7
CMYK color chart

● #537aed color description : Soft blue.

The hexadecimal color #537aed has RGB values of R:83, G:122, B:237 and CMYK values of C:0.65, M:0.49, Y:0, K:0.07. Its decimal value is 5470957.

Hex triplet	537aed	`#537aed`
RGB Decimal	83, 122, 237	`rgb(83,122,237)`
RGB Percent	32.5, 47.8, 92.9	`rgb(32.5%,47.8%,92.9%)`
CMYK	65, 49, 0, 7
HSL	224.8°, 81.1, 62.7	`hsl(224.8,81.1%,62.7%)`
HSV (or HSB)	224.8°, 65, 92.9
Web Safe	6666ff	`#6666ff`

CIE-LAB	53.89, 22.532, -62.183
XYZ	25.81, 21.871, 82.977
xyY	0.198, 0.167, 21.871
CIE-LCH	53.89, 66.139, 289.918
CIE-LUV	53.89, -18.619, -99.34
Hunter-Lab	46.766, 16.67, -72.462
Binary	01010011, 01111010, 11101101

#537aed
```
#537aed rgb(83,122,237)
```
#edc653
```
#edc653 rgb(237,198,83)
```

Complementary Color

#53c7ed
```
#53c7ed rgb(83,199,237)
```
#537aed
```
#537aed rgb(83,122,237)
```
#7953ed
```
#7953ed rgb(121,83,237)
```

Analogous Color

#c7ed53
```
#c7ed53 rgb(199,237,83)
```
#537aed
```
#537aed rgb(83,122,237)
```
#ed7953
```
#ed7953 rgb(237,121,83)
```

Split Complementary Color

#7aed53
```
#7aed53 rgb(122,237,83)
```
#537aed
```
#537aed rgb(83,122,237)
```
#ed537a
```
#ed537a rgb(237,83,122)
```

Triadic Color

#53edc6
```
#53edc6 rgb(83,237,198)
```
#537aed
```
#537aed rgb(83,122,237)
```
#ed537a
```
#ed537a rgb(237,83,122)
```
#edc653
```
#edc653 rgb(237,198,83)
```

Tetradic Color

#1749dc
```
#1749dc rgb(23,73,220)
```
#2556e8
```
#2556e8 rgb(37,86,232)
```
#3c68eb
```
#3c68eb rgb(60,104,235)
```
#537aed
```
#537aed rgb(83,122,237)
```
#6a8cef
```
#6a8cef rgb(106,140,239)
```
#819ef2
```
#819ef2 rgb(129,158,242)
```
#98b0f4
```
#98b0f4 rgb(152,176,244)
```

Monochromatic Color

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

#53a1ed
```
#53a1ed rgb(83,161,237)
```
#5394ed
```
#5394ed rgb(83,148,237)
```
#5387ed
```
#5387ed rgb(83,135,237)
```
#537aed
```
#537aed rgb(83,122,237)
```
#536ded
```
#536ded rgb(83,109,237)
```
#5360ed
```
#5360ed rgb(83,96,237)
```
#5354ed
```
#5354ed rgb(83,84,237)
```

Similar Colors

Text with hexadecimal color #537aed

This text has a font color of #537aed.

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

#537aed background color

This paragraph has a background color of #537aed.

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

#537aed border color

This element has a border color of #537aed.

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

CSS codes

.text {color:#537aed;}

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

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

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, #010206 is the darkest color, while #f3f6fe is the lightest one.

#010206
```
#010206 rgb(1,2,6)
```
#020817
```
#020817 rgb(2,8,23)
```
#040e29
```
#040e29 rgb(4,14,41)
```
#06143b
```
#06143b rgb(6,20,59)
```
#08194d
```
#08194d rgb(8,25,77)
```
#0a1f5e
```
#0a1f5e rgb(10,31,94)
```
#0c2570
```
#0c2570 rgb(12,37,112)
```
#0e2b82
```
#0e2b82 rgb(14,43,130)
```
#0f3194
```
#0f3194 rgb(15,49,148)
```
#1137a5
```
#1137a5 rgb(17,55,165)
```
#133db7
```
#133db7 rgb(19,61,183)
```
#1543c9
```
#1543c9 rgb(21,67,201)
```
#1748db
```
#1748db rgb(23,72,219)
```

Shade Color Variation

#1e51e7
```
#1e51e7 rgb(30,81,231)
```
#2f5fe9
```
#2f5fe9 rgb(47,95,233)
```
#416ceb
```
#416ceb rgb(65,108,235)
```
#537aed
```
#537aed rgb(83,122,237)
```
#6588ef
```
#6588ef rgb(101,136,239)
```
#7795f1
```
#7795f1 rgb(119,149,241)
```
#88a3f3
```
#88a3f3 rgb(136,163,243)
```
#9ab1f4
```
#9ab1f4 rgb(154,177,244)
```
#acbff6
```
#acbff6 rgb(172,191,246)
```
#beccf8
```
#beccf8 rgb(190,204,248)
```
#cfdafa
```
#cfdafa rgb(207,218,250)
```
#e1e8fc
```
#e1e8fc rgb(225,232,252)
```
#f3f6fe
```
#f3f6fe rgb(243,246,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9c9ea4 is the less saturated color, while #4473fc is the most saturated one.

#9c9ea4
```
#9c9ea4 rgb(156,158,164)
```
#959aab
```
#959aab rgb(149,154,171)
```
#8d97b3
```
#8d97b3 rgb(141,151,179)
```
#8693ba
```
#8693ba rgb(134,147,186)
```
#7f90c1
```
#7f90c1 rgb(127,144,193)
```
#788cc8
```
#788cc8 rgb(120,140,200)
```
#7088d0
```
#7088d0 rgb(112,136,208)
```
#6985d7
```
#6985d7 rgb(105,133,215)
```
#6281de
```
#6281de rgb(98,129,222)
```
#5a7ee6
```
#5a7ee6 rgb(90,126,230)
```
#537aed
```
#537aed rgb(83,122,237)
```
#4c76f4
```
#4c76f4 rgb(76,118,244)
```
#4473fc
```
#4473fc rgb(68,115,252)
```

Tone Color Variation

Below, you can see how #537aed 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

#7b7b7b Achromatopsia 0.005% of the population
#737b92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4583f0 Protanopia 1% of men
#0089e4 Deuteranopia 1% of men
#00949f Tritanopia 0.001% of the population

Trichromacy

#4a80ef Protanomaly 1% of men, 0.01% of women
#1e84e7 Deuteranomaly 6% of men, 0.4% of women
#1e8abb Tritanomaly 0.01% of the population

#537aed hex color

#537aed Color Information

#537aed Color Conversion

Color Schemes with #537aed

Alternatives to #537aed

#537aed Preview

Shades and Tints of #537aed

Tones of #537aed

Color Blindness Simulator