#537afd hex color

In a RGB color space, hex #537afd is composed of 32.5% red, 47.8% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 67.2% cyan, 51.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 226.2 degrees, a saturation of 97.7% and a lightness of 65.9%. #537afd color hex could be obtained by blending #a6f4ff with #0000fb. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 33
- G 48
- B 99
RGB color chart
- C 67
- M 52
- Y 0
- K 1
CMYK color chart

● #537afd color description : Soft blue.

The hexadecimal color #537afd has RGB values of R:83, G:122, B:253 and CMYK values of C:0.67, M:0.52, Y:0, K:0.01. Its decimal value is 5470973.

Hex triplet	537afd	`#537afd`
RGB Decimal	83, 122, 253	`rgb(83,122,253)`
RGB Percent	32.5, 47.8, 99.2	`rgb(32.5%,47.8%,99.2%)`
CMYK	67, 52, 0, 1
HSL	226.2°, 97.7, 65.9	`hsl(226.2,97.7%,65.9%)`
HSV (or HSB)	226.2°, 67.2, 99.2
Web Safe	6666ff	`#6666ff`

CIE-LAB	54.916, 28.02, -69.407
XYZ	28.253, 22.848, 95.844
xyY	0.192, 0.155, 22.848
CIE-LCH	54.916, 74.849, 291.984
CIE-LUV	54.916, -18.721, -111.415
Hunter-Lab	47.8, 21.855, -85.424
Binary	01010011, 01111010, 11111101

#537afd
```
#537afd rgb(83,122,253)
```
#fdd653
```
#fdd653 rgb(253,214,83)
```

Complementary Color

#53cffd
```
#53cffd rgb(83,207,253)
```
#537afd
```
#537afd rgb(83,122,253)
```
#8153fd
```
#8153fd rgb(129,83,253)
```

Analogous Color

#cffd53
```
#cffd53 rgb(207,253,83)
```
#537afd
```
#537afd rgb(83,122,253)
```
#fd8153
```
#fd8153 rgb(253,129,83)
```

Split Complementary Color

#7afd53
```
#7afd53 rgb(122,253,83)
```
#537afd
```
#537afd rgb(83,122,253)
```
#fd537a
```
#fd537a rgb(253,83,122)
```

Triadic Color

#53fdd6
```
#53fdd6 rgb(83,253,214)
```
#537afd
```
#537afd rgb(83,122,253)
```
#fd537a
```
#fd537a rgb(253,83,122)
```
#fdd653
```
#fdd653 rgb(253,214,83)
```

Tetradic Color

#0740fc
```
#0740fc rgb(7,64,252)
```
#2153fc
```
#2153fc rgb(33,83,252)
```
#3a67fd
```
#3a67fd rgb(58,103,253)
```
#537afd
```
#537afd rgb(83,122,253)
```
#6c8dfd
```
#6c8dfd rgb(108,141,253)
```
#85a1fe
```
#85a1fe rgb(133,161,254)
```
#9fb4fe
```
#9fb4fe rgb(159,180,254)
```

Monochromatic Color

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

#53a5fd
```
#53a5fd rgb(83,165,253)
```
#5396fd
```
#5396fd rgb(83,150,253)
```
#5388fd
```
#5388fd rgb(83,136,253)
```
#537afd
```
#537afd rgb(83,122,253)
```
#536cfd
```
#536cfd rgb(83,108,253)
```
#535efd
```
#535efd rgb(83,94,253)
```
#5653fd
```
#5653fd rgb(86,83,253)
```

Similar Colors

Text with hexadecimal color #537afd

This text has a font color of #537afd.

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

#537afd background color

This paragraph has a background color of #537afd.

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

#537afd border color

This element has a border color of #537afd.

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

CSS codes

.text {color:#537afd;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#000516
```
#000516 rgb(0,5,22)
```
#000a29
```
#000a29 rgb(0,10,41)
```
#010e3d
```
#010e3d rgb(1,14,61)
```
#011350
```
#011350 rgb(1,19,80)
```
#011863
```
#011863 rgb(1,24,99)
```
#011c77
```
#011c77 rgb(1,28,119)
```
#02218a
```
#02218a rgb(2,33,138)
```
#02269e
```
#02269e rgb(2,38,158)
```
#022ab1
```
#022ab1 rgb(2,42,177)
```
#022fc4
```
#022fc4 rgb(2,47,196)
```
#0333d8
```
#0333d8 rgb(3,51,216)
```
#0338eb
```
#0338eb rgb(3,56,235)
```

Shade Color Variation

#053efc
```
#053efc rgb(5,62,252)
```
#194dfc
```
#194dfc rgb(25,77,252)
```
#2c5cfd
```
#2c5cfd rgb(44,92,253)
```
#406bfd
```
#406bfd rgb(64,107,253)
```
#537afd
```
#537afd rgb(83,122,253)
```
#6689fd
```
#6689fd rgb(102,137,253)
```
#7a98fd
```
#7a98fd rgb(122,152,253)
```
#8da7fe
```
#8da7fe rgb(141,167,254)
```
#a1b6fe
```
#a1b6fe rgb(161,182,254)
```
#b4c5fe
```
#b4c5fe rgb(180,197,254)
```
#c7d4fe
```
#c7d4fe rgb(199,212,254)
```
#dbe3ff
```
#dbe3ff rgb(219,227,255)
```
#eef2ff
```
#eef2ff rgb(238,242,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a3a5ad is the less saturated color, while #537afd is the most saturated one.

#a3a5ad
```
#a3a5ad rgb(163,165,173)
```
#9da2b3
```
#9da2b3 rgb(157,162,179)
```
#969eba
```
#969eba rgb(150,158,186)
```
#8f9bc1
```
#8f9bc1 rgb(143,155,193)
```
#8997c7
```
#8997c7 rgb(137,151,199)
```
#8293ce
```
#8293ce rgb(130,147,206)
```
#7b90d5
```
#7b90d5 rgb(123,144,213)
```
#748cdc
```
#748cdc rgb(116,140,220)
```
#6e88e2
```
#6e88e2 rgb(110,136,226)
```
#6785e9
```
#6785e9 rgb(103,133,233)
```
#6081f0
```
#6081f0 rgb(96,129,240)
```
#5a7ef6
```
#5a7ef6 rgb(90,126,246)
```
#537afd
```
#537afd rgb(83,122,253)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#757c97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3185ff Protanopia 1% of men
#008ce7 Deuteranopia 1% of men
#0097a1 Tritanopia 0.001% of the population

Trichromacy

#3d81fe Protanomaly 1% of men, 0.01% of women
#1e85ef Deuteranomaly 6% of men, 0.4% of women
#1e8cc2 Tritanomaly 0.01% of the population

#537afd hex color

#537afd Color Information

#537afd Color Conversion

Color Schemes with #537afd

Alternatives to #537afd

#537afd Preview

Shades and Tints of #537afd

Tones of #537afd

Color Blindness Simulator