#536fdb hex color

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

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

● #536fdb color description : Soft blue.

The hexadecimal color #536fdb has RGB values of R:83, G:111, B:219 and CMYK values of C:0.62, M:0.49, Y:0, K:0.14. Its decimal value is 5468123.

Hex triplet	536fdb	`#536fdb`
RGB Decimal	83, 111, 219	`rgb(83,111,219)`
RGB Percent	32.5, 43.5, 85.9	`rgb(32.5%,43.5%,85.9%)`
CMYK	62, 49, 0, 14
HSL	227.6°, 65.4, 59.2	`hsl(227.6,65.4%,59.2%)`
HSV (or HSB)	227.6°, 62.1, 85.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	49.883, 23.179, -58.518
XYZ	22.035, 18.321, 69.389
xyY	0.201, 0.167, 18.321
CIE-LCH	49.883, 62.942, 291.608
CIE-LUV	49.883, -15.116, -91.977
Hunter-Lab	42.803, 16.987, -66.154
Binary	01010011, 01101111, 11011011

#536fdb
```
#536fdb rgb(83,111,219)
```
#dbbf53
```
#dbbf53 rgb(219,191,83)
```

Complementary Color

#53b3db
```
#53b3db rgb(83,179,219)
```
#536fdb
```
#536fdb rgb(83,111,219)
```
#7b53db
```
#7b53db rgb(123,83,219)
```

Analogous Color

#b3db53
```
#b3db53 rgb(179,219,83)
```
#536fdb
```
#536fdb rgb(83,111,219)
```
#db7b53
```
#db7b53 rgb(219,123,83)
```

Split Complementary Color

#6fdb53
```
#6fdb53 rgb(111,219,83)
```
#536fdb
```
#536fdb rgb(83,111,219)
```
#db536f
```
#db536f rgb(219,83,111)
```

Triadic Color

#53dbbf
```
#53dbbf rgb(83,219,191)
```
#536fdb
```
#536fdb rgb(83,111,219)
```
#db536f
```
#db536f rgb(219,83,111)
```
#dbbf53
```
#dbbf53 rgb(219,191,83)
```

Tetradic Color

#2745ba
```
#2745ba rgb(39,69,186)
```
#2b4dd0
```
#2b4dd0 rgb(43,77,208)
```
#3e5dd7
```
#3e5dd7 rgb(62,93,215)
```
#536fdb
```
#536fdb rgb(83,111,219)
```
#6881df
```
#6881df rgb(104,129,223)
```
#7d92e4
```
#7d92e4 rgb(125,146,228)
```
#92a4e8
```
#92a4e8 rgb(146,164,232)
```

Monochromatic Color

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

#5391db
```
#5391db rgb(83,145,219)
```
#5386db
```
#5386db rgb(83,134,219)
```
#537adb
```
#537adb rgb(83,122,219)
```
#536fdb
```
#536fdb rgb(83,111,219)
```
#5364db
```
#5364db rgb(83,100,219)
```
#5358db
```
#5358db rgb(83,88,219)
```
#5953db
```
#5953db rgb(89,83,219)
```

Similar Colors

Text with hexadecimal color #536fdb

This text has a font color of #536fdb.

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

#536fdb background color

This paragraph has a background color of #536fdb.

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

#536fdb border color

This element has a border color of #536fdb.

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

CSS codes

.text {color:#536fdb;}

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

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

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

#010206
```
#010206 rgb(1,2,6)
```
#050817
```
#050817 rgb(5,8,23)
```
#080e27
```
#080e27 rgb(8,14,39)
```
#0c1437
```
#0c1437 rgb(12,20,55)
```
#0f1b47
```
#0f1b47 rgb(15,27,71)
```
#122158
```
#122158 rgb(18,33,88)
```
#162768
```
#162768 rgb(22,39,104)
```
#192d78
```
#192d78 rgb(25,45,120)
```
#1d3388
```
#1d3388 rgb(29,51,136)
```
#203998
```
#203998 rgb(32,57,152)
```
#233fa9
```
#233fa9 rgb(35,63,169)
```
#2745b9
```
#2745b9 rgb(39,69,185)
```
#2a4bc9
```
#2a4bc9 rgb(42,75,201)
```

Shade Color Variation

#3354d4
```
#3354d4 rgb(51,84,212)
```
#4361d8
```
#4361d8 rgb(67,97,216)
```
#536fdb
```
#536fdb rgb(83,111,219)
```
#637dde
```
#637dde rgb(99,125,222)
```
#738ae2
```
#738ae2 rgb(115,138,226)
```
#8498e5
```
#8498e5 rgb(132,152,229)
```
#94a5e9
```
#94a5e9 rgb(148,165,233)
```
#a4b3ec
```
#a4b3ec rgb(164,179,236)
```
#b4c0ef
```
#b4c0ef rgb(180,192,239)
```
#c5cef3
```
#c5cef3 rgb(197,206,243)
```
#d5dcf6
```
#d5dcf6 rgb(213,220,246)
```
#e5e9fa
```
#e5e9fa rgb(229,233,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 #335cfb is the most saturated one.

#93959b
```
#93959b rgb(147,149,155)
```
#8b90a3
```
#8b90a3 rgb(139,144,163)
```
#838bab
```
#838bab rgb(131,139,171)
```
#7b87b3
```
#7b87b3 rgb(123,135,179)
```
#7382bb
```
#7382bb rgb(115,130,187)
```
#6b7dc3
```
#6b7dc3 rgb(107,125,195)
```
#6378cb
```
#6378cb rgb(99,120,203)
```
#5b74d3
```
#5b74d3 rgb(91,116,211)
```
#536fdb
```
#536fdb rgb(83,111,219)
```
#4b6ae3
```
#4b6ae3 rgb(75,106,227)
```
#4366eb
```
#4366eb rgb(67,102,235)
```
#3b61f3
```
#3b61f3 rgb(59,97,243)
```
#335cfb
```
#335cfb rgb(51,92,251)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#6d7288 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e7ae0 Protanopia 1% of men
#007fd4 Deuteranopia 1% of men
#248993 Tritanopia 0.001% of the population

Trichromacy

#4676de Protanomaly 1% of men, 0.01% of women
#1e79d6 Deuteranomaly 6% of men, 0.4% of women
#357fad Tritanomaly 0.01% of the population

#536fdb hex color

#536fdb Color Information

#536fdb Color Conversion

Color Schemes with #536fdb

Alternatives to #536fdb

#536fdb Preview

Shades and Tints of #536fdb

Tones of #536fdb

Color Blindness Simulator