#537cd1 hex color

In a RGB color space, hex #537cd1 is composed of 32.5% red, 48.6% green and 82% blue. Whereas in a CMYK color space, it is composed of 60.3% cyan, 40.7% magenta, 0% yellow and 18% black. It has a hue angle of 220.5 degrees, a saturation of 57.8% and a lightness of 57.3%. #537cd1 color hex could be obtained by blending #a6f8ff with #0000a3. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 49
- B 82
RGB color chart
- C 60
- M 41
- Y 0
- K 18
CMYK color chart

● #537cd1 color description : Moderate blue.

The hexadecimal color #537cd1 has RGB values of R:83, G:124, B:209 and CMYK values of C:0.6, M:0.41, Y:0, K:0.18. Its decimal value is 5471441.

Hex triplet	537cd1	`#537cd1`
RGB Decimal	83, 124, 209	`rgb(83,124,209)`
RGB Percent	32.5, 48.6, 82	`rgb(32.5%,48.6%,82%)`
CMYK	60, 41, 0, 18
HSL	220.5°, 57.8, 57.3	`hsl(220.5,57.8%,57.3%)`
HSV (or HSB)	220.5°, 60.3, 82
Web Safe	6666cc	`#6666cc`

CIE-LAB	52.792, 11.779, -48.199
XYZ	22.281, 20.856, 63.17
xyY	0.21, 0.196, 20.856
CIE-LCH	52.792, 49.618, 283.733
CIE-LUV	52.792, -19.19, -75.87
Hunter-Lab	45.669, 7.166, -50.042
Binary	01010011, 01111100, 11010001

#537cd1
```
#537cd1 rgb(83,124,209)
```
#d1a853
```
#d1a853 rgb(209,168,83)
```

Complementary Color

#53bbd1
```
#53bbd1 rgb(83,187,209)
```
#537cd1
```
#537cd1 rgb(83,124,209)
```
#6953d1
```
#6953d1 rgb(105,83,209)
```

Analogous Color

#bbd153
```
#bbd153 rgb(187,209,83)
```
#537cd1
```
#537cd1 rgb(83,124,209)
```
#d16953
```
#d16953 rgb(209,105,83)
```

Split Complementary Color

#7cd153
```
#7cd153 rgb(124,209,83)
```
#537cd1
```
#537cd1 rgb(83,124,209)
```
#d1537c
```
#d1537c rgb(209,83,124)
```

Triadic Color

#53d1a8
```
#53d1a8 rgb(83,209,168)
```
#537cd1
```
#537cd1 rgb(83,124,209)
```
#d1537c
```
#d1537c rgb(209,83,124)
```
#d1a853
```
#d1a853 rgb(209,168,83)
```

Tetradic Color

#2d56aa
```
#2d56aa rgb(45,86,170)
```
#3360be
```
#3360be rgb(51,96,190)
```
#3f6dcc
```
#3f6dcc rgb(63,109,204)
```
#537cd1
```
#537cd1 rgb(83,124,209)
```
#678bd6
```
#678bd6 rgb(103,139,214)
```
#7b9bdc
```
#7b9bdc rgb(123,155,220)
```
#8faae1
```
#8faae1 rgb(143,170,225)
```

Monochromatic Color

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

#539cd1
```
#539cd1 rgb(83,156,209)
```
#5391d1
```
#5391d1 rgb(83,145,209)
```
#5387d1
```
#5387d1 rgb(83,135,209)
```
#537cd1
```
#537cd1 rgb(83,124,209)
```
#5372d1
```
#5372d1 rgb(83,114,209)
```
#5367d1
```
#5367d1 rgb(83,103,209)
```
#535dd1
```
#535dd1 rgb(83,93,209)
```

Similar Colors

Text with hexadecimal color #537cd1

This text has a font color of #537cd1.

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

#537cd1 background color

This paragraph has a background color of #537cd1.

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

#537cd1 border color

This element has a border color of #537cd1.

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

CSS codes

.text {color:#537cd1;}

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

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

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, #04070e is the darkest color, while #fdfeff is the lightest one.

#04070e
```
#04070e rgb(4,7,14)
```
#080f1d
```
#080f1d rgb(8,15,29)
```
#0c172d
```
#0c172d rgb(12,23,45)
```
#101e3c
```
#101e3c rgb(16,30,60)
```
#14264c
```
#14264c rgb(20,38,76)
```
#182e5b
```
#182e5b rgb(24,46,91)
```
#1d366b
```
#1d366b rgb(29,54,107)
```
#213e7a
```
#213e7a rgb(33,62,122)
```
#25468a
```
#25468a rgb(37,70,138)
```
#294d99
```
#294d99 rgb(41,77,153)
```
#2d55a8
```
#2d55a8 rgb(45,85,168)
```
#315db8
```
#315db8 rgb(49,93,184)
```
#3565c7
```
#3565c7 rgb(53,101,199)
```

Shade Color Variation

#4470cd
```
#4470cd rgb(68,112,205)
```
#537cd1
```
#537cd1 rgb(83,124,209)
```
#6288d5
```
#6288d5 rgb(98,136,213)
```
#7294d9
```
#7294d9 rgb(114,148,217)
```
#819fdd
```
#819fdd rgb(129,159,221)
```
#91abe2
```
#91abe2 rgb(145,171,226)
```
#a0b7e6
```
#a0b7e6 rgb(160,183,230)
```
#b0c3ea
```
#b0c3ea rgb(176,195,234)
```
#bfcfee
```
#bfcfee rgb(191,207,238)
```
#cfdaf2
```
#cfdaf2 rgb(207,218,242)
```
#dee6f6
```
#dee6f6 rgb(222,230,246)
```
#eef2fa
```
#eef2fa rgb(238,242,250)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e9096 is the less saturated color, while #296dfb is the most saturated one.

#8e9096
```
#8e9096 rgb(142,144,150)
```
#858e9f
```
#858e9f rgb(133,142,159)
```
#7d8ba7
```
#7d8ba7 rgb(125,139,167)
```
#7588af
```
#7588af rgb(117,136,175)
```
#6c85b8
```
#6c85b8 rgb(108,133,184)
```
#6482c0
```
#6482c0 rgb(100,130,192)
```
#5b7fc9
```
#5b7fc9 rgb(91,127,201)
```
#537cd1
```
#537cd1 rgb(83,124,209)
```
#4b79d9
```
#4b79d9 rgb(75,121,217)
```
#4276e2
```
#4276e2 rgb(66,118,226)
```
#3a73ea
```
#3a73ea rgb(58,115,234)
```
#3170f3
```
#3170f3 rgb(49,112,243)
```
#296dfb
```
#296dfb rgb(41,109,251)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#717a8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#6082d2 Protanopia 1% of men
#4b85d2 Deuteranopia 1% of men
#388f9a Tritanopia 0.001% of the population

Trichromacy

#5b7fd2 Protanomaly 1% of men, 0.01% of women
#4e82d1 Deuteranomaly 6% of men, 0.4% of women
#4288ae Tritanomaly 0.01% of the population

#537cd1 hex color

#537cd1 Color Information

#537cd1 Color Conversion

Color Schemes with #537cd1

Alternatives to #537cd1

#537cd1 Preview

Shades and Tints of #537cd1

Tones of #537cd1

Color Blindness Simulator