#537de3 hex color

In a RGB color space, hex #537de3 is composed of 32.5% red, 49% green and 89% blue. Whereas in a CMYK color space, it is composed of 63.4% cyan, 44.9% magenta, 0% yellow and 11% black. It has a hue angle of 222.5 degrees, a saturation of 72% and a lightness of 60.8%. #537de3 color hex could be obtained by blending #a6faff with #0000c7. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 49
- B 89
RGB color chart
- C 63
- M 45
- Y 0
- K 11
CMYK color chart

● #537de3 color description : Soft blue.

The hexadecimal color #537de3 has RGB values of R:83, G:125, B:227 and CMYK values of C:0.63, M:0.45, Y:0, K:0.11. Its decimal value is 5471715.

Hex triplet	537de3	`#537de3`
RGB Decimal	83, 125, 227	`rgb(83,125,227)`
RGB Percent	32.5, 49, 89	`rgb(32.5%,49%,89%)`
CMYK	63, 45, 0, 11
HSL	222.5°, 72, 60.8	`hsl(222.5,72%,60.8%)`
HSV (or HSB)	222.5°, 63.4, 89
Web Safe	6666cc	`#6666cc`

CIE-LAB	54.081, 17.271, -56.286
XYZ	24.763, 22.051, 75.62
xyY	0.202, 0.18, 22.051
CIE-LCH	54.081, 58.876, 287.058
CIE-LUV	54.081, -19.517, -89.688
Hunter-Lab	46.958, 11.953, -62.608
Binary	01010011, 01111101, 11100011

#537de3
```
#537de3 rgb(83,125,227)
```
#e3b953
```
#e3b953 rgb(227,185,83)
```

Complementary Color

#53c5e3
```
#53c5e3 rgb(83,197,227)
```
#537de3
```
#537de3 rgb(83,125,227)
```
#7153e3
```
#7153e3 rgb(113,83,227)
```

Analogous Color

#c5e353
```
#c5e353 rgb(197,227,83)
```
#537de3
```
#537de3 rgb(83,125,227)
```
#e37153
```
#e37153 rgb(227,113,83)
```

Split Complementary Color

#7de353
```
#7de353 rgb(125,227,83)
```
#537de3
```
#537de3 rgb(83,125,227)
```
#e3537d
```
#e3537d rgb(227,83,125)
```

Triadic Color

#53e3b9
```
#53e3b9 rgb(83,227,185)
```
#537de3
```
#537de3 rgb(83,125,227)
```
#e3537d
```
#e3537d rgb(227,83,125)
```
#e3b953
```
#e3b953 rgb(227,185,83)
```

Tetradic Color

#2152c9
```
#2152c9 rgb(33,82,201)
```
#275cdc
```
#275cdc rgb(39,92,220)
```
#3d6cdf
```
#3d6cdf rgb(61,108,223)
```
#537de3
```
#537de3 rgb(83,125,227)
```
#698ee7
```
#698ee7 rgb(105,142,231)
```
#7f9eea
```
#7f9eea rgb(127,158,234)
```
#95afee
```
#95afee rgb(149,175,238)
```

Monochromatic Color

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

#53a1e3
```
#53a1e3 rgb(83,161,227)
```
#5395e3
```
#5395e3 rgb(83,149,227)
```
#5389e3
```
#5389e3 rgb(83,137,227)
```
#537de3
```
#537de3 rgb(83,125,227)
```
#5371e3
```
#5371e3 rgb(83,113,227)
```
#5365e3
```
#5365e3 rgb(83,101,227)
```
#5359e3
```
#5359e3 rgb(83,89,227)
```

Similar Colors

Text with hexadecimal color #537de3

This text has a font color of #537de3.

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

#537de3 background color

This paragraph has a background color of #537de3.

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

#537de3 border color

This element has a border color of #537de3.

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

CSS codes

.text {color:#537de3;}

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

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

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, #02060e is the darkest color, while #fcfdfe is the lightest one.

#02060e
```
#02060e rgb(2,6,14)
```
#050c1e
```
#050c1e rgb(5,12,30)
```
#08132f
```
#08132f rgb(8,19,47)
```
#0a1a40
```
#0a1a40 rgb(10,26,64)
```
#0d2151
```
#0d2151 rgb(13,33,81)
```
#102862
```
#102862 rgb(16,40,98)
```
#132f73
```
#132f73 rgb(19,47,115)
```
#153684
```
#153684 rgb(21,54,132)
```
#183c95
```
#183c95 rgb(24,60,149)
```
#1b43a5
```
#1b43a5 rgb(27,67,165)
```
#1e4ab6
```
#1e4ab6 rgb(30,74,182)
```
#2051c7
```
#2051c7 rgb(32,81,199)
```
#2358d8
```
#2358d8 rgb(35,88,216)
```

Shade Color Variation

#3164de
```
#3164de rgb(49,100,222)
```
#4270e0
```
#4270e0 rgb(66,112,224)
```
#537de3
```
#537de3 rgb(83,125,227)
```
#648ae6
```
#648ae6 rgb(100,138,230)
```
#7597e8
```
#7597e8 rgb(117,151,232)
```
#86a3eb
```
#86a3eb rgb(134,163,235)
```
#96b0ee
```
#96b0ee rgb(150,176,238)
```
#a7bdf1
```
#a7bdf1 rgb(167,189,241)
```
#b8caf3
```
#b8caf3 rgb(184,202,243)
```
#c9d6f6
```
#c9d6f6 rgb(201,214,246)
```
#dae3f9
```
#dae3f9 rgb(218,227,249)
```
#ebf0fc
```
#ebf0fc rgb(235,240,252)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#989a9e
```
#989a9e rgb(152,154,158)
```
#9197a5
```
#9197a5 rgb(145,151,165)
```
#8993ad
```
#8993ad rgb(137,147,173)
```
#8190b5
```
#8190b5 rgb(129,144,181)
```
#798dbd
```
#798dbd rgb(121,141,189)
```
#728ac4
```
#728ac4 rgb(114,138,196)
```
#6a87cc
```
#6a87cc rgb(106,135,204)
```
#6283d4
```
#6283d4 rgb(98,131,212)
```
#5b80db
```
#5b80db rgb(91,128,219)
```
#537de3
```
#537de3 rgb(83,125,227)
```
#4b7aeb
```
#4b7aeb rgb(75,122,235)
```
#4477f2
```
#4477f2 rgb(68,119,242)
```
#3c73fa
```
#3c73fa rgb(60,115,250)
```

Tone Color Variation

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

#5584e5 Protanopia 1% of men
#2f89e1 Deuteranopia 1% of men
#22949f Tritanopia 0.001% of the population

Trichromacy

#5481e4 Protanomaly 1% of men, 0.01% of women
#3c85e2 Deuteranomaly 6% of men, 0.4% of women
#348bb7 Tritanomaly 0.01% of the population

#537de3 hex color

#537de3 Color Information

#537de3 Color Conversion

Color Schemes with #537de3

Alternatives to #537de3

#537de3 Preview

Shades and Tints of #537de3

Tones of #537de3

Color Blindness Simulator