#536bcc hex color

In a RGB color space, hex #536bcc is composed of 32.5% red, 42% green and 80% blue. Whereas in a CMYK color space, it is composed of 59.3% cyan, 47.5% magenta, 0% yellow and 20% black. It has a hue angle of 228.1 degrees, a saturation of 54.3% and a lightness of 56.3%. #536bcc color hex could be obtained by blending #a6d6ff with #000099. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 42
- B 80
RGB color chart
- C 59
- M 48
- Y 0
- K 20
CMYK color chart

● #536bcc color description : Moderate blue.

The hexadecimal color #536bcc has RGB values of R:83, G:107, B:204 and CMYK values of C:0.59, M:0.48, Y:0, K:0.2. Its decimal value is 5467084.

Hex triplet	536bcc	`#536bcc`
RGB Decimal	83, 107, 204	`rgb(83,107,204)`
RGB Percent	32.5, 42, 80	`rgb(32.5%,42%,80%)`
CMYK	59, 48, 0, 20
HSL	228.1°, 54.3, 56.3	`hsl(228.1,54.3%,56.3%)`
HSV (or HSB)	228.1°, 59.3, 80
Web Safe	6666cc	`#6666cc`

CIE-LAB	47.896, 20.594, -53.171
XYZ	19.722, 16.713, 59.31
xyY	0.206, 0.175, 16.713
CIE-LCH	47.896, 57.02, 291.172
CIE-LUV	47.896, -13.629, -82.716
Hunter-Lab	40.882, 14.568, -57.4
Binary	01010011, 01101011, 11001100

#536bcc
```
#536bcc rgb(83,107,204)
```
#ccb453
```
#ccb453 rgb(204,180,83)
```

Complementary Color

#53a8cc
```
#53a8cc rgb(83,168,204)
```
#536bcc
```
#536bcc rgb(83,107,204)
```
#7853cc
```
#7853cc rgb(120,83,204)
```

Analogous Color

#a8cc53
```
#a8cc53 rgb(168,204,83)
```
#536bcc
```
#536bcc rgb(83,107,204)
```
#cc7853
```
#cc7853 rgb(204,120,83)
```

Split Complementary Color

#6bcc53
```
#6bcc53 rgb(107,204,83)
```
#536bcc
```
#536bcc rgb(83,107,204)
```
#cc536b
```
#cc536b rgb(204,83,107)
```

Triadic Color

#53ccb4
```
#53ccb4 rgb(83,204,180)
```
#536bcc
```
#536bcc rgb(83,107,204)
```
#cc536b
```
#cc536b rgb(204,83,107)
```
#ccb453
```
#ccb453 rgb(204,180,83)
```

Tetradic Color

#3047a2
```
#3047a2 rgb(48,71,162)
```
#364fb6
```
#364fb6 rgb(54,79,182)
```
#3f5ac6
```
#3f5ac6 rgb(63,90,198)
```
#536bcc
```
#536bcc rgb(83,107,204)
```
#677cd2
```
#677cd2 rgb(103,124,210)
```
#7a8dd8
```
#7a8dd8 rgb(122,141,216)
```
#8e9edd
```
#8e9edd rgb(142,158,221)
```

Monochromatic Color

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

#5389cc
```
#5389cc rgb(83,137,204)
```
#537fcc
```
#537fcc rgb(83,127,204)
```
#5375cc
```
#5375cc rgb(83,117,204)
```
#536bcc
```
#536bcc rgb(83,107,204)
```
#5361cc
```
#5361cc rgb(83,97,204)
```
#5357cc
```
#5357cc rgb(83,87,204)
```
#5953cc
```
#5953cc rgb(89,83,204)
```

Similar Colors

Text with hexadecimal color #536bcc

This text has a font color of #536bcc.

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

#536bcc background color

This paragraph has a background color of #536bcc.

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

#536bcc border color

This element has a border color of #536bcc.

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

CSS codes

.text {color:#536bcc;}

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

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

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, #03040a is the darkest color, while #f9fafd is the lightest one.

#03040a
```
#03040a rgb(3,4,10)
```
#070b19
```
#070b19 rgb(7,11,25)
```
#0c1128
```
#0c1128 rgb(12,17,40)
```
#101837
```
#101837 rgb(16,24,55)
```
#151f46
```
#151f46 rgb(21,31,70)
```
#192555
```
#192555 rgb(25,37,85)
```
#1e2c64
```
#1e2c64 rgb(30,44,100)
```
#223273
```
#223273 rgb(34,50,115)
```
#273983
```
#273983 rgb(39,57,131)
```
#2b4092
```
#2b4092 rgb(43,64,146)
```
#3046a1
```
#3046a1 rgb(48,70,161)
```
#344db0
```
#344db0 rgb(52,77,176)
```
#3953bf
```
#3953bf rgb(57,83,191)
```

Shade Color Variation

#445ec8
```
#445ec8 rgb(68,94,200)
```
#536bcc
```
#536bcc rgb(83,107,204)
```
#6278d0
```
#6278d0 rgb(98,120,208)
```
#7185d5
```
#7185d5 rgb(113,133,213)
```
#8092d9
```
#8092d9 rgb(128,146,217)
```
#909fde
```
#909fde rgb(144,159,222)
```
#9face2
```
#9face2 rgb(159,172,226)
```
#aeb9e7
```
#aeb9e7 rgb(174,185,231)
```
#bdc6eb
```
#bdc6eb rgb(189,198,235)
```
#ccd3f0
```
#ccd3f0 rgb(204,211,240)
```
#dbe0f4
```
#dbe0f4 rgb(219,224,244)
```
#eaedf9
```
#eaedf9 rgb(234,237,249)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

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

#8f8f90
```
#8f8f90 rgb(143,143,144)
```
#868a99
```
#868a99 rgb(134,138,153)
```
#7e85a1
```
#7e85a1 rgb(126,133,161)
```
#7580aa
```
#7580aa rgb(117,128,170)
```
#6d7bb2
```
#6d7bb2 rgb(109,123,178)
```
#6475bb
```
#6475bb rgb(100,117,187)
```
#5c70c3
```
#5c70c3 rgb(92,112,195)
```
#536bcc
```
#536bcc rgb(83,107,204)
```
#4a66d5
```
#4a66d5 rgb(74,102,213)
```
#4261dd
```
#4261dd rgb(66,97,221)
```
#395be6
```
#395be6 rgb(57,91,230)
```
#3156ee
```
#3156ee rgb(49,86,238)
```
#2851f7
```
#2851f7 rgb(40,81,247)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#696e82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4576d1 Protanopia 1% of men
#207acb Deuteranopia 1% of men
#34838c Tritanopia 0.001% of the population

Trichromacy

#4a72cf Protanomaly 1% of men, 0.01% of women
#3275cb Deuteranomaly 6% of men, 0.4% of women
#3f7aa3 Tritanomaly 0.01% of the population

#536bcc hex color

#536bcc Color Information

#536bcc Color Conversion

Color Schemes with #536bcc

Alternatives to #536bcc

#536bcc Preview

Shades and Tints of #536bcc

Tones of #536bcc

Color Blindness Simulator