#537de6 hex color

In a RGB color space, hex #537de6 is composed of 32.5% red, 49% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 63.9% cyan, 45.7% magenta, 0% yellow and 9.8% black. It has a hue angle of 222.9 degrees, a saturation of 74.6% and a lightness of 61.4%. #537de6 color hex could be obtained by blending #a6faff with #0000cd. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 33
- G 49
- B 90
RGB color chart
- C 64
- M 46
- Y 0
- K 10
CMYK color chart

● #537de6 color description : Soft blue.

The hexadecimal color #537de6 has RGB values of R:83, G:125, B:230 and CMYK values of C:0.64, M:0.46, Y:0, K:0.1. Its decimal value is 5471718.

Hex triplet	537de6	`#537de6`
RGB Decimal	83, 125, 230	`rgb(83,125,230)`
RGB Percent	32.5, 49, 90.2	`rgb(32.5%,49%,90.2%)`
CMYK	64, 46, 0, 10
HSL	222.9°, 74.6, 61.4	`hsl(222.9,74.6%,61.4%)`
HSV (or HSB)	222.9°, 63.9, 90.2
Web Safe	6666ff	`#6666ff`

CIE-LAB	54.257, 18.296, -57.683
XYZ	25.181, 22.218, 77.82
xyY	0.201, 0.177, 22.218
CIE-LCH	54.257, 60.515, 287.598
CIE-LUV	54.257, -19.519, -92.057
Hunter-Lab	47.136, 12.87, -64.891
Binary	01010011, 01111101, 11100110

#537de6
```
#537de6 rgb(83,125,230)
```
#e6bc53
```
#e6bc53 rgb(230,188,83)
```

Complementary Color

#53c7e6
```
#53c7e6 rgb(83,199,230)
```
#537de6
```
#537de6 rgb(83,125,230)
```
#7353e6
```
#7353e6 rgb(115,83,230)
```

Analogous Color

#c7e653
```
#c7e653 rgb(199,230,83)
```
#537de6
```
#537de6 rgb(83,125,230)
```
#e67353
```
#e67353 rgb(230,115,83)
```

Split Complementary Color

#7de653
```
#7de653 rgb(125,230,83)
```
#537de6
```
#537de6 rgb(83,125,230)
```
#e6537d
```
#e6537d rgb(230,83,125)
```

Triadic Color

#53e6bc
```
#53e6bc rgb(83,230,188)
```
#537de6
```
#537de6 rgb(83,125,230)
```
#e6537d
```
#e6537d rgb(230,83,125)
```
#e6bc53
```
#e6bc53 rgb(230,188,83)
```

Tetradic Color

#1e50ce
```
#1e50ce rgb(30,80,206)
```
#265be0
```
#265be0 rgb(38,91,224)
```
#3d6ce3
```
#3d6ce3 rgb(61,108,227)
```
#537de6
```
#537de6 rgb(83,125,230)
```
#698ee9
```
#698ee9 rgb(105,142,233)
```
#809fec
```
#809fec rgb(128,159,236)
```
#96aff0
```
#96aff0 rgb(150,175,240)
```

Monochromatic Color

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

#53a2e6
```
#53a2e6 rgb(83,162,230)
```
#5396e6
```
#5396e6 rgb(83,150,230)
```
#5389e6
```
#5389e6 rgb(83,137,230)
```
#537de6
```
#537de6 rgb(83,125,230)
```
#5371e6
```
#5371e6 rgb(83,113,230)
```
#5365e6
```
#5365e6 rgb(83,101,230)
```
#5358e6
```
#5358e6 rgb(83,88,230)
```

Similar Colors

Text with hexadecimal color #537de6

This text has a font color of #537de6.

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

#537de6 background color

This paragraph has a background color of #537de6.

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

#537de6 border color

This element has a border color of #537de6.

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

CSS codes

.text {color:#537de6;}

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

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

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

#020610
```
#020610 rgb(2,6,16)
```
#050d22
```
#050d22 rgb(5,13,34)
```
#071433
```
#071433 rgb(7,20,51)
```
#0a1a44
```
#0a1a44 rgb(10,26,68)
```
#0c2155
```
#0c2155 rgb(12,33,85)
```
#0f2866
```
#0f2866 rgb(15,40,102)
```
#112e77
```
#112e77 rgb(17,46,119)
```
#143588
```
#143588 rgb(20,53,136)
```
#163c99
```
#163c99 rgb(22,60,153)
```
#1942ab
```
#1942ab rgb(25,66,171)
```
#1b49bc
```
#1b49bc rgb(27,73,188)
```
#1e50cd
```
#1e50cd rgb(30,80,205)
```
#2056de
```
#2056de rgb(32,86,222)
```

Shade Color Variation

#3163e1
```
#3163e1 rgb(49,99,225)
```
#4270e4
```
#4270e4 rgb(66,112,228)
```
#537de6
```
#537de6 rgb(83,125,230)
```
#648ae8
```
#648ae8 rgb(100,138,232)
```
#7597eb
```
#7597eb rgb(117,151,235)
```
#86a4ed
```
#86a4ed rgb(134,164,237)
```
#98b1f0
```
#98b1f0 rgb(152,177,240)
```
#a9bef2
```
#a9bef2 rgb(169,190,242)
```
#bacbf5
```
#bacbf5 rgb(186,203,245)
```
#cbd8f7
```
#cbd8f7 rgb(203,216,247)
```
#dce5fa
```
#dce5fa rgb(220,229,250)
```
#edf1fc
```
#edf1fc rgb(237,241,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #979aa2 is the less saturated color, while #3c73fd is the most saturated one.

#979aa2
```
#979aa2 rgb(151,154,162)
```
#9097a9
```
#9097a9 rgb(144,151,169)
```
#8894b1
```
#8894b1 rgb(136,148,177)
```
#8090b9
```
#8090b9 rgb(128,144,185)
```
#798dc0
```
#798dc0 rgb(121,141,192)
```
#718ac8
```
#718ac8 rgb(113,138,200)
```
#6a87cf
```
#6a87cf rgb(106,135,207)
```
#6283d7
```
#6283d7 rgb(98,131,215)
```
#5b80de
```
#5b80de rgb(91,128,222)
```
#537de6
```
#537de6 rgb(83,125,230)
```
#4b7aee
```
#4b7aee rgb(75,122,238)
```
#4477f5
```
#4477f5 rgb(68,119,245)
```
#3c73fd
```
#3c73fd rgb(60,115,253)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#747c91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5385e8 Protanopia 1% of men
#268ae4 Deuteranopia 1% of men
#1b95a0 Tritanopia 0.001% of the population

Trichromacy

#5382e7 Protanomaly 1% of men, 0.01% of women
#3685e5 Deuteranomaly 6% of men, 0.4% of women
#2f8cb9 Tritanomaly 0.01% of the population

#537de6 hex color

#537de6 Color Information

#537de6 Color Conversion

Color Schemes with #537de6

Alternatives to #537de6

#537de6 Preview

Shades and Tints of #537de6

Tones of #537de6

Color Blindness Simulator