#537adc hex color

In a RGB color space, hex #537adc is composed of 32.5% red, 47.8% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 62.3% cyan, 44.5% magenta, 0% yellow and 13.7% black. It has a hue angle of 222.9 degrees, a saturation of 66.2% and a lightness of 59.4%. #537adc color hex could be obtained by blending #a6f4ff with #0000b9. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 48
- B 86
RGB color chart
- C 62
- M 45
- Y 0
- K 14
CMYK color chart

● #537adc color description : Soft blue.

The hexadecimal color #537adc has RGB values of R:83, G:122, B:220 and CMYK values of C:0.62, M:0.45, Y:0, K:0.14. Its decimal value is 5470940.

Hex triplet	537adc	`#537adc`
RGB Decimal	83, 122, 220	`rgb(83,122,220)`
RGB Percent	32.5, 47.8, 86.3	`rgb(32.5%,47.8%,86.3%)`
CMYK	62, 45, 0, 14
HSL	222.9°, 66.2, 59.4	`hsl(222.9,66.2%,59.4%)`
HSV (or HSB)	222.9°, 62.3, 86.3
Web Safe	6666cc	`#6666cc`

CIE-LAB	52.866, 16.725, -54.297
XYZ	23.442, 20.924, 70.51
xyY	0.204, 0.182, 20.924
CIE-LCH	52.866, 56.815, 287.12
CIE-LUV	52.866, -18.547, -86.055
Hunter-Lab	45.743, 11.428, -59.372
Binary	01010011, 01111010, 11011100

#537adc
```
#537adc rgb(83,122,220)
```
#dcb553
```
#dcb553 rgb(220,181,83)
```

Complementary Color

#53bfdc
```
#53bfdc rgb(83,191,220)
```
#537adc
```
#537adc rgb(83,122,220)
```
#7153dc
```
#7153dc rgb(113,83,220)
```

Analogous Color

#bfdc53
```
#bfdc53 rgb(191,220,83)
```
#537adc
```
#537adc rgb(83,122,220)
```
#dc7153
```
#dc7153 rgb(220,113,83)
```

Split Complementary Color

#7adc53
```
#7adc53 rgb(122,220,83)
```
#537adc
```
#537adc rgb(83,122,220)
```
#dc537a
```
#dc537a rgb(220,83,122)
```

Triadic Color

#53dcb5
```
#53dcb5 rgb(83,220,181)
```
#537adc
```
#537adc rgb(83,122,220)
```
#dc537a
```
#dc537a rgb(220,83,122)
```
#dcb553
```
#dcb553 rgb(220,181,83)
```

Tetradic Color

#2651bc
```
#2651bc rgb(38,81,188)
```
#2b5ad1
```
#2b5ad1 rgb(43,90,209)
```
#3e6ad8
```
#3e6ad8 rgb(62,106,216)
```
#537adc
```
#537adc rgb(83,122,220)
```
#688ae0
```
#688ae0 rgb(104,138,224)
```
#7d9be5
```
#7d9be5 rgb(125,155,229)
```
#93abe9
```
#93abe9 rgb(147,171,233)
```

Monochromatic Color

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

#539cdc
```
#539cdc rgb(83,156,220)
```
#5391dc
```
#5391dc rgb(83,145,220)
```
#5385dc
```
#5385dc rgb(83,133,220)
```
#537adc
```
#537adc rgb(83,122,220)
```
#536fdc
```
#536fdc rgb(83,111,220)
```
#5363dc
```
#5363dc rgb(83,99,220)
```
#5358dc
```
#5358dc rgb(83,88,220)
```

Similar Colors

Text with hexadecimal color #537adc

This text has a font color of #537adc.

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

#537adc background color

This paragraph has a background color of #537adc.

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

#537adc border color

This element has a border color of #537adc.

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

CSS codes

.text {color:#537adc;}

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

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

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

#010307
```
#010307 rgb(1,3,7)
```
#050a18
```
#050a18 rgb(5,10,24)
```
#081128
```
#081128 rgb(8,17,40)
```
#0b1838
```
#0b1838 rgb(11,24,56)
```
#0f1f48
```
#0f1f48 rgb(15,31,72)
```
#122659
```
#122659 rgb(18,38,89)
```
#152d69
```
#152d69 rgb(21,45,105)
```
#193479
```
#193479 rgb(25,52,121)
```
#1c3b8a
```
#1c3b8a rgb(28,59,138)
```
#1f429a
```
#1f429a rgb(31,66,154)
```
#2349aa
```
#2349aa rgb(35,73,170)
```
#2650bb
```
#2650bb rgb(38,80,187)
```
#2957cb
```
#2957cb rgb(41,87,203)
```

Shade Color Variation

#3261d5
```
#3261d5 rgb(50,97,213)
```
#436dd9
```
#436dd9 rgb(67,109,217)
```
#537adc
```
#537adc rgb(83,122,220)
```
#6387df
```
#6387df rgb(99,135,223)
```
#7493e3
```
#7493e3 rgb(116,147,227)
```
#84a0e6
```
#84a0e6 rgb(132,160,230)
```
#94ace9
```
#94ace9 rgb(148,172,233)
```
#a4b9ed
```
#a4b9ed rgb(164,185,237)
```
#b5c6f0
```
#b5c6f0 rgb(181,198,240)
```
#c5d2f3
```
#c5d2f3 rgb(197,210,243)
```
#d5dff7
```
#d5dff7 rgb(213,223,247)
```
#e6ebfa
```
#e6ebfa rgb(230,235,250)
```
#f6f8fd
```
#f6f8fd rgb(246,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #93959c is the less saturated color, while #336cfc is the most saturated one.

#93959c
```
#93959c rgb(147,149,156)
```
#8b92a4
```
#8b92a4 rgb(139,146,164)
```
#838fac
```
#838fac rgb(131,143,172)
```
#7b8bb4
```
#7b8bb4 rgb(123,139,180)
```
#7388bc
```
#7388bc rgb(115,136,188)
```
#6b84c4
```
#6b84c4 rgb(107,132,196)
```
#6381cc
```
#6381cc rgb(99,129,204)
```
#5b7dd4
```
#5b7dd4 rgb(91,125,212)
```
#537adc
```
#537adc rgb(83,122,220)
```
#4b77e4
```
#4b77e4 rgb(75,119,228)
```
#4373ec
```
#4373ec rgb(67,115,236)
```
#3b70f4
```
#3b70f4 rgb(59,112,244)
```
#336cfc
```
#336cfc rgb(51,108,252)
```

Tone Color Variation

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

#5581de Protanopia 1% of men
#3486db Deuteranopia 1% of men
#2b909b Tritanopia 0.001% of the population

Trichromacy

#547fdd Protanomaly 1% of men, 0.01% of women
#3f81db Deuteranomaly 6% of men, 0.4% of women
#3988b2 Tritanomaly 0.01% of the population

#537adc hex color

#537adc Color Information

#537adc Color Conversion

Color Schemes with #537adc

Alternatives to #537adc

#537adc Preview

Shades and Tints of #537adc

Tones of #537adc

Color Blindness Simulator