#537bdb hex color

In a RGB color space, hex #537bdb is composed of 32.5% red, 48.2% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 62.1% cyan, 43.8% magenta, 0% yellow and 14.1% black. It has a hue angle of 222.4 degrees, a saturation of 65.4% and a lightness of 59.2%. #537bdb color hex could be obtained by blending #a6f6ff with #0000b7. 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

● #537bdb color description : Soft blue.

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

Hex triplet	537bdb	`#537bdb`
RGB Decimal	83, 123, 219	`rgb(83,123,219)`
RGB Percent	32.5, 48.2, 85.9	`rgb(32.5%,48.2%,85.9%)`
CMYK	62, 44, 0, 14
HSL	222.4°, 65.4, 59.2	`hsl(222.4,65.4%,59.2%)`
HSV (or HSB)	222.4°, 62.1, 85.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	53.078, 15.772, -53.394
XYZ	23.434, 21.118, 69.855
xyY	0.205, 0.185, 21.118
CIE-LCH	53.078, 55.675, 286.457
CIE-LUV	53.078, -18.866, -84.613
Hunter-Lab	45.954, 10.603, -57.959
Binary	01010011, 01111011, 11011011

#537bdb
```
#537bdb rgb(83,123,219)
```
#dbb353
```
#dbb353 rgb(219,179,83)
```

Complementary Color

#53bfdb
```
#53bfdb rgb(83,191,219)
```
#537bdb
```
#537bdb rgb(83,123,219)
```
#6f53db
```
#6f53db rgb(111,83,219)
```

Analogous Color

#bfdb53
```
#bfdb53 rgb(191,219,83)
```
#537bdb
```
#537bdb rgb(83,123,219)
```
#db6f53
```
#db6f53 rgb(219,111,83)
```

Split Complementary Color

#7bdb53
```
#7bdb53 rgb(123,219,83)
```
#537bdb
```
#537bdb rgb(83,123,219)
```
#db537b
```
#db537b rgb(219,83,123)
```

Triadic Color

#53dbb3
```
#53dbb3 rgb(83,219,179)
```
#537bdb
```
#537bdb rgb(83,123,219)
```
#db537b
```
#db537b rgb(219,83,123)
```
#dbb353
```
#dbb353 rgb(219,179,83)
```

Tetradic Color

#2752ba
```
#2752ba rgb(39,82,186)
```
#2b5cd0
```
#2b5cd0 rgb(43,92,208)
```
#3e6bd7
```
#3e6bd7 rgb(62,107,215)
```
#537bdb
```
#537bdb rgb(83,123,219)
```
#688bdf
```
#688bdf rgb(104,139,223)
```
#7d9be4
```
#7d9be4 rgb(125,155,228)
```
#92ace8
```
#92ace8 rgb(146,172,232)
```

Monochromatic Color

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

#539ddb
```
#539ddb rgb(83,157,219)
```
#5392db
```
#5392db rgb(83,146,219)
```
#5386db
```
#5386db rgb(83,134,219)
```
#537bdb
```
#537bdb rgb(83,123,219)
```
#5370db
```
#5370db rgb(83,112,219)
```
#5364db
```
#5364db rgb(83,100,219)
```
#5359db
```
#5359db rgb(83,89,219)
```

Similar Colors

Text with hexadecimal color #537bdb

This text has a font color of #537bdb.

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

#537bdb background color

This paragraph has a background color of #537bdb.

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

#537bdb border color

This element has a border color of #537bdb.

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

CSS codes

.text {color:#537bdb;}

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

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

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

#010306
```
#010306 rgb(1,3,6)
```
#050a17
```
#050a17 rgb(5,10,23)
```
#081127
```
#081127 rgb(8,17,39)
```
#0c1837
```
#0c1837 rgb(12,24,55)
```
#0f2047
```
#0f2047 rgb(15,32,71)
```
#122758
```
#122758 rgb(18,39,88)
```
#162e68
```
#162e68 rgb(22,46,104)
```
#193578
```
#193578 rgb(25,53,120)
```
#1d3c88
```
#1d3c88 rgb(29,60,136)
```
#204398
```
#204398 rgb(32,67,152)
```
#234ba9
```
#234ba9 rgb(35,75,169)
```
#2752b9
```
#2752b9 rgb(39,82,185)
```
#2a59c9
```
#2a59c9 rgb(42,89,201)
```

Shade Color Variation

#3362d4
```
#3362d4 rgb(51,98,212)
```
#436fd8
```
#436fd8 rgb(67,111,216)
```
#537bdb
```
#537bdb rgb(83,123,219)
```
#6387de
```
#6387de rgb(99,135,222)
```
#7394e2
```
#7394e2 rgb(115,148,226)
```
#84a0e5
```
#84a0e5 rgb(132,160,229)
```
#94ade9
```
#94ade9 rgb(148,173,233)
```
#a4b9ec
```
#a4b9ec rgb(164,185,236)
```
#b4c6ef
```
#b4c6ef rgb(180,198,239)
```
#c5d2f3
```
#c5d2f3 rgb(197,210,243)
```
#d5dff6
```
#d5dff6 rgb(213,223,246)
```
#e5ebfa
```
#e5ebfa rgb(229,235,250)
```
#f5f7fd
```
#f5f7fd rgb(245,247,253)
```

Tint Color Variation

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

#93959b
```
#93959b rgb(147,149,155)
```
#8b92a3
```
#8b92a3 rgb(139,146,163)
```
#838fab
```
#838fab rgb(131,143,171)
```
#7b8bb3
```
#7b8bb3 rgb(123,139,179)
```
#7388bb
```
#7388bb rgb(115,136,187)
```
#6b85c3
```
#6b85c3 rgb(107,133,195)
```
#6382cb
```
#6382cb rgb(99,130,203)
```
#5b7ed3
```
#5b7ed3 rgb(91,126,211)
```
#537bdb
```
#537bdb rgb(83,123,219)
```
#4b78e3
```
#4b78e3 rgb(75,120,227)
```
#4374eb
```
#4374eb rgb(67,116,235)
```
#3b71f3
```
#3b71f3 rgb(59,113,243)
```
#336efb
```
#336efb rgb(51,110,251)
```

Tone Color Variation

Below, you can see how #537bdb 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
#727a8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#5882dd Protanopia 1% of men
#3986da Deuteranopia 1% of men
#2d919c Tritanopia 0.001% of the population

Trichromacy

#567fdc Protanomaly 1% of men, 0.01% of women
#4382da Deuteranomaly 6% of men, 0.4% of women
#3b89b2 Tritanomaly 0.01% of the population

#537bdb hex color

#537bdb Color Information

#537bdb Color Conversion

Color Schemes with #537bdb

Alternatives to #537bdb

#537bdb Preview

Shades and Tints of #537bdb

Tones of #537bdb

Color Blindness Simulator