#537cdc hex color

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

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

● #537cdc color description : Soft blue.

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

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

CIE-LAB	53.406, 15.499, -53.433
XYZ	23.69, 21.42, 70.592
xyY	0.205, 0.185, 21.42
CIE-LCH	53.406, 55.636, 286.176
CIE-LUV	53.406, -19.191, -84.762
Hunter-Lab	46.282, 10.376, -58.036
Binary	01010011, 01111100, 11011100

#537cdc
```
#537cdc rgb(83,124,220)
```
#dcb353
```
#dcb353 rgb(220,179,83)
```

Complementary Color

#53c1dc
```
#53c1dc rgb(83,193,220)
```
#537cdc
```
#537cdc rgb(83,124,220)
```
#6f53dc
```
#6f53dc rgb(111,83,220)
```

Analogous Color

#c1dc53
```
#c1dc53 rgb(193,220,83)
```
#537cdc
```
#537cdc rgb(83,124,220)
```
#dc6f53
```
#dc6f53 rgb(220,111,83)
```

Split Complementary Color

#7cdc53
```
#7cdc53 rgb(124,220,83)
```
#537cdc
```
#537cdc rgb(83,124,220)
```
#dc537c
```
#dc537c rgb(220,83,124)
```

Triadic Color

#53dcb3
```
#53dcb3 rgb(83,220,179)
```
#537cdc
```
#537cdc rgb(83,124,220)
```
#dc537c
```
#dc537c rgb(220,83,124)
```
#dcb353
```
#dcb353 rgb(220,179,83)
```

Tetradic Color

#2653bc
```
#2653bc rgb(38,83,188)
```
#2b5dd1
```
#2b5dd1 rgb(43,93,209)
```
#3e6cd8
```
#3e6cd8 rgb(62,108,216)
```
#537cdc
```
#537cdc rgb(83,124,220)
```
#688ce0
```
#688ce0 rgb(104,140,224)
```
#7d9ce5
```
#7d9ce5 rgb(125,156,229)
```
#93ace9
```
#93ace9 rgb(147,172,233)
```

Monochromatic Color

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

#539edc
```
#539edc rgb(83,158,220)
```
#5393dc
```
#5393dc rgb(83,147,220)
```
#5387dc
```
#5387dc rgb(83,135,220)
```
#537cdc
```
#537cdc rgb(83,124,220)
```
#5371dc
```
#5371dc rgb(83,113,220)
```
#5365dc
```
#5365dc rgb(83,101,220)
```
#535adc
```
#535adc rgb(83,90,220)
```

Similar Colors

Text with hexadecimal color #537cdc

This text has a font color of #537cdc.

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

#537cdc background color

This paragraph has a background color of #537cdc.

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

#537cdc border color

This element has a border color of #537cdc.

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

CSS codes

.text {color:#537cdc;}

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

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

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)
```
#081228
```
#081228 rgb(8,18,40)
```
#0b1938
```
#0b1938 rgb(11,25,56)
```
#0f2048
```
#0f2048 rgb(15,32,72)
```
#122759
```
#122759 rgb(18,39,89)
```
#152e69
```
#152e69 rgb(21,46,105)
```
#193679
```
#193679 rgb(25,54,121)
```
#1c3d8a
```
#1c3d8a rgb(28,61,138)
```
#1f449a
```
#1f449a rgb(31,68,154)
```
#234baa
```
#234baa rgb(35,75,170)
```
#2652bb
```
#2652bb rgb(38,82,187)
```
#295acb
```
#295acb rgb(41,90,203)
```

Shade Color Variation

#3263d5
```
#3263d5 rgb(50,99,213)
```
#4370d9
```
#4370d9 rgb(67,112,217)
```
#537cdc
```
#537cdc rgb(83,124,220)
```
#6388df
```
#6388df rgb(99,136,223)
```
#7495e3
```
#7495e3 rgb(116,149,227)
```
#84a1e6
```
#84a1e6 rgb(132,161,230)
```
#94aee9
```
#94aee9 rgb(148,174,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, #93969c is the less saturated color, while #336ffc is the most saturated one.

#93969c
```
#93969c rgb(147,150,156)
```
#8b92a4
```
#8b92a4 rgb(139,146,164)
```
#838fac
```
#838fac rgb(131,143,172)
```
#7b8cb4
```
#7b8cb4 rgb(123,140,180)
```
#7389bc
```
#7389bc rgb(115,137,188)
```
#6b86c4
```
#6b86c4 rgb(107,134,196)
```
#6382cc
```
#6382cc rgb(99,130,204)
```
#5b7fd4
```
#5b7fd4 rgb(91,127,212)
```
#537cdc
```
#537cdc rgb(83,124,220)
```
#4b79e4
```
#4b79e4 rgb(75,121,228)
```
#4376ec
```
#4376ec rgb(67,118,236)
```
#3b72f4
```
#3b72f4 rgb(59,114,244)
```
#336ffc
```
#336ffc rgb(51,111,252)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#737b8e Atypical Achromatopsia 0.001% of the population

Dichromacy

#5983de Protanopia 1% of men
#3b87db Deuteranopia 1% of men
#2c929c Tritanopia 0.001% of the population

Trichromacy

#5680dd Protanomaly 1% of men, 0.01% of women
#4383db Deuteranomaly 6% of men, 0.4% of women
#3a8ab3 Tritanomaly 0.01% of the population

#537cdc hex color

#537cdc Color Information

#537cdc Color Conversion

Color Schemes with #537cdc

Alternatives to #537cdc

#537cdc Preview

Shades and Tints of #537cdc

Tones of #537cdc

Color Blindness Simulator