#537bdc hex color

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

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

● #537bdc color description : Soft blue.

The hexadecimal color #537bdc has RGB values of R:83, G:123, B:220 and CMYK values of C:0.62, M:0.44, Y:0, K:0.14. Its decimal value is 5471196.

Hex triplet	537bdc	`#537bdc`
RGB Decimal	83, 123, 220	`rgb(83,123,220)`
RGB Percent	32.5, 48.2, 86.3	`rgb(32.5%,48.2%,86.3%)`
CMYK	62, 44, 0, 14
HSL	222.5°, 66.2, 59.4	`hsl(222.5,66.2%,59.4%)`
HSV (or HSB)	222.5°, 62.3, 86.3
Web Safe	6666cc	`#6666cc`

CIE-LAB	53.136, 16.112, -53.866
XYZ	23.566, 21.171, 70.551
xyY	0.204, 0.184, 21.171
CIE-LCH	53.136, 56.224, 286.653
CIE-LUV	53.136, -18.868, -85.411
Hunter-Lab	46.012, 10.901, -58.702
Binary	01010011, 01111011, 11011100

#537bdc
```
#537bdc rgb(83,123,220)
```
#dcb453
```
#dcb453 rgb(220,180,83)
```

Complementary Color

#53c0dc
```
#53c0dc rgb(83,192,220)
```
#537bdc
```
#537bdc rgb(83,123,220)
```
#7053dc
```
#7053dc rgb(112,83,220)
```

Analogous Color

#c0dc53
```
#c0dc53 rgb(192,220,83)
```
#537bdc
```
#537bdc rgb(83,123,220)
```
#dc7053
```
#dc7053 rgb(220,112,83)
```

Split Complementary Color

#7bdc53
```
#7bdc53 rgb(123,220,83)
```
#537bdc
```
#537bdc rgb(83,123,220)
```
#dc537b
```
#dc537b rgb(220,83,123)
```

Triadic Color

#53dcb4
```
#53dcb4 rgb(83,220,180)
```
#537bdc
```
#537bdc rgb(83,123,220)
```
#dc537b
```
#dc537b rgb(220,83,123)
```
#dcb453
```
#dcb453 rgb(220,180,83)
```

Tetradic Color

#2652bc
```
#2652bc rgb(38,82,188)
```
#2b5bd1
```
#2b5bd1 rgb(43,91,209)
```
#3e6bd8
```
#3e6bd8 rgb(62,107,216)
```
#537bdc
```
#537bdc rgb(83,123,220)
```
#688be0
```
#688be0 rgb(104,139,224)
```
#7d9ce5
```
#7d9ce5 rgb(125,156,229)
```
#93ace9
```
#93ace9 rgb(147,172,233)
```

Monochromatic Color

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

#539ddc
```
#539ddc rgb(83,157,220)
```
#5392dc
```
#5392dc rgb(83,146,220)
```
#5386dc
```
#5386dc rgb(83,134,220)
```
#537bdc
```
#537bdc rgb(83,123,220)
```
#5370dc
```
#5370dc rgb(83,112,220)
```
#5364dc
```
#5364dc rgb(83,100,220)
```
#5359dc
```
#5359dc rgb(83,89,220)
```

Similar Colors

Text with hexadecimal color #537bdc

This text has a font color of #537bdc.

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

#537bdc background color

This paragraph has a background color of #537bdc.

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

#537bdc border color

This element has a border color of #537bdc.

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

CSS codes

.text {color:#537bdc;}

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

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

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)
```
#0f2048
```
#0f2048 rgb(15,32,72)
```
#122759
```
#122759 rgb(18,39,89)
```
#152e69
```
#152e69 rgb(21,46,105)
```
#193579
```
#193579 rgb(25,53,121)
```
#1c3c8a
```
#1c3c8a rgb(28,60,138)
```
#1f439a
```
#1f439a rgb(31,67,154)
```
#234aaa
```
#234aaa rgb(35,74,170)
```
#2651bb
```
#2651bb rgb(38,81,187)
```
#2958cb
```
#2958cb rgb(41,88,203)
```

Shade Color Variation

#3262d5
```
#3262d5 rgb(50,98,213)
```
#436ed9
```
#436ed9 rgb(67,110,217)
```
#537bdc
```
#537bdc rgb(83,123,220)
```
#6388df
```
#6388df rgb(99,136,223)
```
#7494e3
```
#7494e3 rgb(116,148,227)
```
#84a1e6
```
#84a1e6 rgb(132,161,230)
```
#94ade9
```
#94ade9 rgb(148,173,233)
```
#a4baed
```
#a4baed rgb(164,186,237)
```
#b5c6f0
```
#b5c6f0 rgb(181,198,240)
```
#c5d3f3
```
#c5d3f3 rgb(197,211,243)
```
#d5dff7
```
#d5dff7 rgb(213,223,247)
```
#e6ecfa
```
#e6ecfa rgb(230,236,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 #336efc is the most saturated one.

#93959c
```
#93959c rgb(147,149,156)
```
#8b92a4
```
#8b92a4 rgb(139,146,164)
```
#838fac
```
#838fac rgb(131,143,172)
```
#7b8cb4
```
#7b8cb4 rgb(123,140,180)
```
#7388bc
```
#7388bc rgb(115,136,188)
```
#6b85c4
```
#6b85c4 rgb(107,133,196)
```
#6382cc
```
#6382cc rgb(99,130,204)
```
#5b7ed4
```
#5b7ed4 rgb(91,126,212)
```
#537bdc
```
#537bdc rgb(83,123,220)
```
#4b78e4
```
#4b78e4 rgb(75,120,228)
```
#4374ec
```
#4374ec rgb(67,116,236)
```
#3b71f4
```
#3b71f4 rgb(59,113,244)
```
#336efc
```
#336efc rgb(51,110,252)
```

Tone Color Variation

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

#5782de Protanopia 1% of men
#3887db Deuteranopia 1% of men
#2c919c Tritanopia 0.001% of the population

Trichromacy

#557fdd Protanomaly 1% of men, 0.01% of women
#4182db Deuteranomaly 6% of men, 0.4% of women
#3a89b3 Tritanomaly 0.01% of the population

#537bdc hex color

#537bdc Color Information

#537bdc Color Conversion

Color Schemes with #537bdc

Alternatives to #537bdc

#537bdc Preview

Shades and Tints of #537bdc

Tones of #537bdc

Color Blindness Simulator