#536bdd hex color

In a RGB color space, hex #536bdd is composed of 32.5% red, 42% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 62.4% cyan, 51.6% magenta, 0% yellow and 13.3% black. It has a hue angle of 229.6 degrees, a saturation of 67% and a lightness of 59.6%. #536bdd color hex could be obtained by blending #a6d6ff with #0000bb. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 42
- B 87
RGB color chart
- C 62
- M 52
- Y 0
- K 13
CMYK color chart

● #536bdd color description : Soft blue.

The hexadecimal color #536bdd has RGB values of R:83, G:107, B:221 and CMYK values of C:0.62, M:0.52, Y:0, K:0.13. Its decimal value is 5467101.

Hex triplet	536bdd	`#536bdd`
RGB Decimal	83, 107, 221	`rgb(83,107,221)`
RGB Percent	32.5, 42, 86.7	`rgb(32.5%,42%,86.7%)`
CMYK	62, 52, 0, 13
HSL	229.6°, 67, 59.6	`hsl(229.6,67%,59.6%)`
HSV (or HSB)	229.6°, 62.4, 86.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	48.975, 26.341, -61.114
XYZ	21.873, 17.574, 70.642
xyY	0.199, 0.16, 17.574
CIE-LCH	48.975, 66.549, 293.317
CIE-LUV	48.975, -13.968, -95.73
Hunter-Lab	41.921, 19.776, -70.566
Binary	01010011, 01101011, 11011101

#536bdd
```
#536bdd rgb(83,107,221)
```
#ddc553
```
#ddc553 rgb(221,197,83)
```

Complementary Color

#53b0dd
```
#53b0dd rgb(83,176,221)
```
#536bdd
```
#536bdd rgb(83,107,221)
```
#8053dd
```
#8053dd rgb(128,83,221)
```

Analogous Color

#b0dd53
```
#b0dd53 rgb(176,221,83)
```
#536bdd
```
#536bdd rgb(83,107,221)
```
#dd8053
```
#dd8053 rgb(221,128,83)
```

Split Complementary Color

#6bdd53
```
#6bdd53 rgb(107,221,83)
```
#536bdd
```
#536bdd rgb(83,107,221)
```
#dd536b
```
#dd536b rgb(221,83,107)
```

Triadic Color

#53ddc5
```
#53ddc5 rgb(83,221,197)
```
#536bdd
```
#536bdd rgb(83,107,221)
```
#dd536b
```
#dd536b rgb(221,83,107)
```
#ddc553
```
#ddc553 rgb(221,197,83)
```

Tetradic Color

#2640be
```
#2640be rgb(38,64,190)
```
#2a47d3
```
#2a47d3 rgb(42,71,211)
```
#3e59d9
```
#3e59d9 rgb(62,89,217)
```
#536bdd
```
#536bdd rgb(83,107,221)
```
#687de1
```
#687de1 rgb(104,125,225)
```
#7e90e5
```
#7e90e5 rgb(126,144,229)
```
#93a2ea
```
#93a2ea rgb(147,162,234)
```

Monochromatic Color

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

#538edd
```
#538edd rgb(83,142,221)
```
#5382dd
```
#5382dd rgb(83,130,221)
```
#5377dd
```
#5377dd rgb(83,119,221)
```
#536bdd
```
#536bdd rgb(83,107,221)
```
#535fdd
```
#535fdd rgb(83,95,221)
```
#5354dd
```
#5354dd rgb(83,84,221)
```
#5e53dd
```
#5e53dd rgb(94,83,221)
```

Similar Colors

Text with hexadecimal color #536bdd

This text has a font color of #536bdd.

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

#536bdd background color

This paragraph has a background color of #536bdd.

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

#536bdd border color

This element has a border color of #536bdd.

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

CSS codes

.text {color:#536bdd;}

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

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

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

#020308
```
#020308 rgb(2,3,8)
```
#050819
```
#050819 rgb(5,8,25)
```
#080e29
```
#080e29 rgb(8,14,41)
```
#0b1339
```
#0b1339 rgb(11,19,57)
```
#0f194a
```
#0f194a rgb(15,25,74)
```
#121e5a
```
#121e5a rgb(18,30,90)
```
#15246a
```
#15246a rgb(21,36,106)
```
#18297b
```
#18297b rgb(24,41,123)
```
#1c2f8b
```
#1c2f8b rgb(28,47,139)
```
#1f349c
```
#1f349c rgb(31,52,156)
```
#223aac
```
#223aac rgb(34,58,172)
```
#2540bc
```
#2540bc rgb(37,64,188)
```
#2845cd
```
#2845cd rgb(40,69,205)
```

Shade Color Variation

#324fd7
```
#324fd7 rgb(50,79,215)
```
#435dda
```
#435dda rgb(67,93,218)
```
#536bdd
```
#536bdd rgb(83,107,221)
```
#6379e0
```
#6379e0 rgb(99,121,224)
```
#7487e3
```
#7487e3 rgb(116,135,227)
```
#8495e7
```
#8495e7 rgb(132,149,231)
```
#95a3ea
```
#95a3ea rgb(149,163,234)
```
#a5b1ed
```
#a5b1ed rgb(165,177,237)
```
#b5c0f0
```
#b5c0f0 rgb(181,192,240)
```
#c6cef4
```
#c6cef4 rgb(198,206,244)
```
#d6dcf7
```
#d6dcf7 rgb(214,220,247)
```
#e6eafa
```
#e6eafa rgb(230,234,250)
```
#f7f8fd
```
#f7f8fd rgb(247,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #92949e is the less saturated color, while #3356fd is the most saturated one.

#92949e
```
#92949e rgb(146,148,158)
```
#8a8fa6
```
#8a8fa6 rgb(138,143,166)
```
#838aad
```
#838aad rgb(131,138,173)
```
#7b85b5
```
#7b85b5 rgb(123,133,181)
```
#7380bd
```
#7380bd rgb(115,128,189)
```
#6b7bc5
```
#6b7bc5 rgb(107,123,197)
```
#6375cd
```
#6375cd rgb(99,117,205)
```
#5b70d5
```
#5b70d5 rgb(91,112,213)
```
#536bdd
```
#536bdd rgb(83,107,221)
```
#4b66e5
```
#4b66e5 rgb(75,102,229)
```
#4361ed
```
#4361ed rgb(67,97,237)
```
#3b5bf5
```
#3b5bf5 rgb(59,91,245)
```
#3356fd
```
#3356fd rgb(51,86,253)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#6b7087 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2f77e3 Protanopia 1% of men
#007dd0 Deuteranopia 1% of men
#1b8791 Tritanopia 0.001% of the population

Trichromacy

#3c73e1 Protanomaly 1% of men, 0.01% of women
#1e77d4 Deuteranomaly 6% of men, 0.4% of women
#2f7cac Tritanomaly 0.01% of the population

#536bdd hex color

#536bdd Color Information

#536bdd Color Conversion

Color Schemes with #536bdd

Alternatives to #536bdd

#536bdd Preview

Shades and Tints of #536bdd

Tones of #536bdd

Color Blindness Simulator