#537fdb hex color

In a RGB color space, hex #537fdb is composed of 32.5% red, 49.8% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 62.1% cyan, 42% magenta, 0% yellow and 14.1% black. It has a hue angle of 220.6 degrees, a saturation of 65.4% and a lightness of 59.2%. #537fdb color hex could be obtained by blending #a6feff with #0000b7. Closest websafe color is: #6666cc.

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

● #537fdb color description : Soft blue.

The hexadecimal color #537fdb has RGB values of R:83, G:127, B:219 and CMYK values of C:0.62, M:0.42, Y:0, K:0.14. Its decimal value is 5472219.

Hex triplet	537fdb	`#537fdb`
RGB Decimal	83, 127, 219	`rgb(83,127,219)`
RGB Percent	32.5, 49.8, 85.9	`rgb(32.5%,49.8%,85.9%)`
CMYK	62, 42, 0, 14
HSL	220.6°, 65.4, 59.2	`hsl(220.6,65.4%,59.2%)`
HSV (or HSB)	220.6°, 62.1, 85.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	54.166, 13.329, -51.659
XYZ	23.94, 22.131, 70.024
xyY	0.206, 0.191, 22.131
CIE-LCH	54.166, 53.351, 284.468
CIE-LUV	54.166, -20.17, -81.975
Hunter-Lab	47.043, 8.512, -55.323
Binary	01010011, 01111111, 11011011

#537fdb
```
#537fdb rgb(83,127,219)
```
#dbaf53
```
#dbaf53 rgb(219,175,83)
```

Complementary Color

#53c3db
```
#53c3db rgb(83,195,219)
```
#537fdb
```
#537fdb rgb(83,127,219)
```
#6b53db
```
#6b53db rgb(107,83,219)
```

Analogous Color

#c3db53
```
#c3db53 rgb(195,219,83)
```
#537fdb
```
#537fdb rgb(83,127,219)
```
#db6b53
```
#db6b53 rgb(219,107,83)
```

Split Complementary Color

#7fdb53
```
#7fdb53 rgb(127,219,83)
```
#537fdb
```
#537fdb rgb(83,127,219)
```
#db537f
```
#db537f rgb(219,83,127)
```

Triadic Color

#53dbaf
```
#53dbaf rgb(83,219,175)
```
#537fdb
```
#537fdb rgb(83,127,219)
```
#db537f
```
#db537f rgb(219,83,127)
```
#dbaf53
```
#dbaf53 rgb(219,175,83)
```

Tetradic Color

#2757ba
```
#2757ba rgb(39,87,186)
```
#2b61d0
```
#2b61d0 rgb(43,97,208)
```
#3e6fd7
```
#3e6fd7 rgb(62,111,215)
```
#537fdb
```
#537fdb rgb(83,127,219)
```
#688fdf
```
#688fdf rgb(104,143,223)
```
#7d9ee4
```
#7d9ee4 rgb(125,158,228)
```
#92aee8
```
#92aee8 rgb(146,174,232)
```

Monochromatic Color

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

#53a1db
```
#53a1db rgb(83,161,219)
```
#5396db
```
#5396db rgb(83,150,219)
```
#538adb
```
#538adb rgb(83,138,219)
```
#537fdb
```
#537fdb rgb(83,127,219)
```
#5374db
```
#5374db rgb(83,116,219)
```
#5368db
```
#5368db rgb(83,104,219)
```
#535ddb
```
#535ddb rgb(83,93,219)
```

Similar Colors

Text with hexadecimal color #537fdb

This text has a font color of #537fdb.

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

#537fdb background color

This paragraph has a background color of #537fdb.

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

#537fdb border color

This element has a border color of #537fdb.

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

CSS codes

.text {color:#537fdb;}

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

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

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 #f5f8fd is the lightest one.

#010306
```
#010306 rgb(1,3,6)
```
#050b17
```
#050b17 rgb(5,11,23)
```
#081227
```
#081227 rgb(8,18,39)
```
#0c1a37
```
#0c1a37 rgb(12,26,55)
```
#0f2147
```
#0f2147 rgb(15,33,71)
```
#122958
```
#122958 rgb(18,41,88)
```
#163068
```
#163068 rgb(22,48,104)
```
#193878
```
#193878 rgb(25,56,120)
```
#1d3f88
```
#1d3f88 rgb(29,63,136)
```
#204798
```
#204798 rgb(32,71,152)
```
#234ea9
```
#234ea9 rgb(35,78,169)
```
#2756b9
```
#2756b9 rgb(39,86,185)
```
#2a5ec9
```
#2a5ec9 rgb(42,94,201)
```

Shade Color Variation

#3367d4
```
#3367d4 rgb(51,103,212)
```
#4373d8
```
#4373d8 rgb(67,115,216)
```
#537fdb
```
#537fdb rgb(83,127,219)
```
#638bde
```
#638bde rgb(99,139,222)
```
#7397e2
```
#7397e2 rgb(115,151,226)
```
#84a3e5
```
#84a3e5 rgb(132,163,229)
```
#94afe9
```
#94afe9 rgb(148,175,233)
```
#a4bbec
```
#a4bbec rgb(164,187,236)
```
#b4c7ef
```
#b4c7ef rgb(180,199,239)
```
#c5d3f3
```
#c5d3f3 rgb(197,211,243)
```
#d5e0f6
```
#d5e0f6 rgb(213,224,246)
```
#e5ecfa
```
#e5ecfa rgb(229,236,250)
```
#f5f8fd
```
#f5f8fd rgb(245,248,253)
```

Tint Color Variation

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

#93969b
```
#93969b rgb(147,150,155)
```
#8b93a3
```
#8b93a3 rgb(139,147,163)
```
#8390ab
```
#8390ab rgb(131,144,171)
```
#7b8db3
```
#7b8db3 rgb(123,141,179)
```
#738abb
```
#738abb rgb(115,138,187)
```
#6b87c3
```
#6b87c3 rgb(107,135,195)
```
#6385cb
```
#6385cb rgb(99,133,203)
```
#5b82d3
```
#5b82d3 rgb(91,130,211)
```
#537fdb
```
#537fdb rgb(83,127,219)
```
#4b7ce3
```
#4b7ce3 rgb(75,124,227)
```
#4379eb
```
#4379eb rgb(67,121,235)
```
#3b77f3
```
#3b77f3 rgb(59,119,243)
```
#3374fb
```
#3374fb rgb(51,116,251)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#747d8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e85dc Protanopia 1% of men
#4589db Deuteranopia 1% of men
#30949e Tritanopia 0.001% of the population

Trichromacy

#5a82db Protanomaly 1% of men, 0.01% of women
#4a85db Deuteranomaly 6% of men, 0.4% of women
#3c8cb4 Tritanomaly 0.01% of the population

#537fdb hex color

#537fdb Color Information

#537fdb Color Conversion

Color Schemes with #537fdb

Alternatives to #537fdb

#537fdb Preview

Shades and Tints of #537fdb

Tones of #537fdb

Color Blindness Simulator