#537adf hex color

In a RGB color space, hex #537adf is composed of 32.5% red, 47.8% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 62.8% cyan, 45.3% magenta, 0% yellow and 12.5% black. It has a hue angle of 223.3 degrees, a saturation of 68.6% and a lightness of 60%. #537adf color hex could be obtained by blending #a6f4ff with #0000bf. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 48
- B 87
RGB color chart
- C 63
- M 45
- Y 0
- K 13
CMYK color chart

● #537adf color description : Soft blue.

The hexadecimal color #537adf has RGB values of R:83, G:122, B:223 and CMYK values of C:0.63, M:0.45, Y:0, K:0.13. Its decimal value is 5470943.

Hex triplet	537adf	`#537adf`
RGB Decimal	83, 122, 223	`rgb(83,122,223)`
RGB Percent	32.5, 47.8, 87.5	`rgb(32.5%,47.8%,87.5%)`
CMYK	63, 45, 0, 13
HSL	223.3°, 68.6, 60	`hsl(223.3,68.6%,60%)`
HSV (or HSB)	223.3°, 62.8, 87.5
Web Safe	6666cc	`#6666cc`

CIE-LAB	53.042, 17.746, -55.705
XYZ	23.843, 21.084, 72.621
xyY	0.203, 0.179, 21.084
CIE-LCH	53.042, 58.463, 287.671
CIE-LUV	53.042, -18.557, -88.433
Hunter-Lab	45.918, 12.332, -61.628
Binary	01010011, 01111010, 11011111

#537adf
```
#537adf rgb(83,122,223)
```
#dfb853
```
#dfb853 rgb(223,184,83)
```

Complementary Color

#53c0df
```
#53c0df rgb(83,192,223)
```
#537adf
```
#537adf rgb(83,122,223)
```
#7253df
```
#7253df rgb(114,83,223)
```

Analogous Color

#c0df53
```
#c0df53 rgb(192,223,83)
```
#537adf
```
#537adf rgb(83,122,223)
```
#df7253
```
#df7253 rgb(223,114,83)
```

Split Complementary Color

#7adf53
```
#7adf53 rgb(122,223,83)
```
#537adf
```
#537adf rgb(83,122,223)
```
#df537a
```
#df537a rgb(223,83,122)
```

Triadic Color

#53dfb8
```
#53dfb8 rgb(83,223,184)
```
#537adf
```
#537adf rgb(83,122,223)
```
#df537a
```
#df537a rgb(223,83,122)
```
#dfb853
```
#dfb853 rgb(223,184,83)
```

Tetradic Color

#2450c2
```
#2450c2 rgb(36,80,194)
```
#2859d7
```
#2859d7 rgb(40,89,215)
```
#3e69db
```
#3e69db rgb(62,105,219)
```
#537adf
```
#537adf rgb(83,122,223)
```
#698be3
```
#698be3 rgb(105,139,227)
```
#7e9be7
```
#7e9be7 rgb(126,155,231)
```
#94aceb
```
#94aceb rgb(148,172,235)
```

Monochromatic Color

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

#539ddf
```
#539ddf rgb(83,157,223)
```
#5391df
```
#5391df rgb(83,145,223)
```
#5386df
```
#5386df rgb(83,134,223)
```
#537adf
```
#537adf rgb(83,122,223)
```
#536edf
```
#536edf rgb(83,110,223)
```
#5363df
```
#5363df rgb(83,99,223)
```
#5357df
```
#5357df rgb(83,87,223)
```

Similar Colors

Text with hexadecimal color #537adf

This text has a font color of #537adf.

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

#537adf background color

This paragraph has a background color of #537adf.

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

#537adf border color

This element has a border color of #537adf.

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

CSS codes

.text {color:#537adf;}

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

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

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, #02040a is the darkest color, while #f8fafe is the lightest one.

#02040a
```
#02040a rgb(2,4,10)
```
#050b1a
```
#050b1a rgb(5,11,26)
```
#08122b
```
#08122b rgb(8,18,43)
```
#0b193c
```
#0b193c rgb(11,25,60)
```
#0e1f4c
```
#0e1f4c rgb(14,31,76)
```
#11265d
```
#11265d rgb(17,38,93)
```
#142d6d
```
#142d6d rgb(20,45,109)
```
#17347e
```
#17347e rgb(23,52,126)
```
#1a3b8e
```
#1a3b8e rgb(26,59,142)
```
#1e429f
```
#1e429f rgb(30,66,159)
```
#2148af
```
#2148af rgb(33,72,175)
```
#244fc0
```
#244fc0 rgb(36,79,192)
```
#2756d0
```
#2756d0 rgb(39,86,208)
```

Shade Color Variation

#3260d9
```
#3260d9 rgb(50,96,217)
```
#426ddc
```
#426ddc rgb(66,109,220)
```
#537adf
```
#537adf rgb(83,122,223)
```
#6487e2
```
#6487e2 rgb(100,135,226)
```
#7494e5
```
#7494e5 rgb(116,148,229)
```
#85a0e8
```
#85a0e8 rgb(133,160,232)
```
#95adeb
```
#95adeb rgb(149,173,235)
```
#a6baee
```
#a6baee rgb(166,186,238)
```
#b6c7f1
```
#b6c7f1 rgb(182,199,241)
```
#c7d4f5
```
#c7d4f5 rgb(199,212,245)
```
#d7e0f8
```
#d7e0f8 rgb(215,224,248)
```
#e8edfb
```
#e8edfb rgb(232,237,251)
```
#f8fafe
```
#f8fafe rgb(248,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9296a0 is the less saturated color, while #346cfe is the most saturated one.

#9296a0
```
#9296a0 rgb(146,150,160)
```
#8a92a8
```
#8a92a8 rgb(138,146,168)
```
#828fb0
```
#828fb0 rgb(130,143,176)
```
#7a8bb8
```
#7a8bb8 rgb(122,139,184)
```
#7288c0
```
#7288c0 rgb(114,136,192)
```
#6b84c7
```
#6b84c7 rgb(107,132,199)
```
#6381cf
```
#6381cf rgb(99,129,207)
```
#5b7dd7
```
#5b7dd7 rgb(91,125,215)
```
#537adf
```
#537adf rgb(83,122,223)
```
#4b77e7
```
#4b77e7 rgb(75,119,231)
```
#4373ef
```
#4373ef rgb(67,115,239)
```
#3b70f7
```
#3b70f7 rgb(59,112,247)
```
#346cfe
```
#346cfe rgb(52,108,254)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#727a8e Atypical Achromatopsia 0.001% of the population

Dichromacy

#5382e1 Protanopia 1% of men
#2d87de Deuteranopia 1% of men
#26919c Tritanopia 0.001% of the population

Trichromacy

#537fe0 Protanomaly 1% of men, 0.01% of women
#3b82de Deuteranomaly 6% of men, 0.4% of women
#3688b4 Tritanomaly 0.01% of the population

#537adf hex color

#537adf Color Information

#537adf Color Conversion

Color Schemes with #537adf

Alternatives to #537adf

#537adf Preview

Shades and Tints of #537adf

Tones of #537adf

Color Blindness Simulator