#536671 hex color

In a RGB color space, hex #536671 is composed of 32.5% red, 40% green and 44.3% blue. Whereas in a CMYK color space, it is composed of 26.5% cyan, 9.7% magenta, 0% yellow and 55.7% black. It has a hue angle of 202 degrees, a saturation of 15.3% and a lightness of 38.4%. #536671 color hex could be obtained by blending #a6cce2 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 40
- B 44
RGB color chart
- C 27
- M 10
- Y 0
- K 56
CMYK color chart

● #536671 color description : Very dark grayish blue.

The hexadecimal color #536671 has RGB values of R:83, G:102, B:113 and CMYK values of C:0.27, M:0.1, Y:0, K:0.56. Its decimal value is 5465713.

Hex triplet	536671	`#536671`
RGB Decimal	83, 102, 113	`rgb(83,102,113)`
RGB Percent	32.5, 40, 44.3	`rgb(32.5%,40%,44.3%)`
CMYK	27, 10, 0, 56
HSL	202°, 15.3, 38.4	`hsl(202,15.3%,38.4%)`
HSV (or HSB)	202°, 26.5, 44.3
Web Safe	666666	`#666666`

CIE-LAB	42.052, -4.377, -8.538
XYZ	11.299, 12.534, 17.446
xyY	0.274, 0.304, 12.534
CIE-LCH	42.052, 9.594, 242.858
CIE-LUV	42.052, -9.972, -10.97
Hunter-Lab	35.403, -4.988, -4.435
Binary	01010011, 01100110, 01110001

#536671
```
#536671 rgb(83,102,113)
```
#715e53
```
#715e53 rgb(113,94,83)
```

Complementary Color

#53716d
```
#53716d rgb(83,113,109)
```
#536671
```
#536671 rgb(83,102,113)
```
#535771
```
#535771 rgb(83,87,113)
```

Analogous Color

#716d53
```
#716d53 rgb(113,109,83)
```
#536671
```
#536671 rgb(83,102,113)
```
#715357
```
#715357 rgb(113,83,87)
```

Split Complementary Color

#667153
```
#667153 rgb(102,113,83)
```
#536671
```
#536671 rgb(83,102,113)
```
#715366
```
#715366 rgb(113,83,102)
```

Triadic Color

#53715e
```
#53715e rgb(83,113,94)
```
#536671
```
#536671 rgb(83,102,113)
```
#715366
```
#715366 rgb(113,83,102)
```
#715e53
```
#715e53 rgb(113,94,83)
```

Tetradic Color

#333e45
```
#333e45 rgb(51,62,69)
```
#3d4b54
```
#3d4b54 rgb(61,75,84)
```
#485962
```
#485962 rgb(72,89,98)
```
#536671
```
#536671 rgb(83,102,113)
```
#5e7380
```
#5e7380 rgb(94,115,128)
```
#69818e
```
#69818e rgb(105,129,142)
```
#768d9a
```
#768d9a rgb(118,141,154)
```

Monochromatic Color

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

#536e71
```
#536e71 rgb(83,110,113)
```
#536b71
```
#536b71 rgb(83,107,113)
```
#536971
```
#536971 rgb(83,105,113)
```
#536671
```
#536671 rgb(83,102,113)
```
#536471
```
#536471 rgb(83,100,113)
```
#536171
```
#536171 rgb(83,97,113)
```
#535f71
```
#535f71 rgb(83,95,113)
```

Similar Colors

Text with hexadecimal color #536671

This text has a font color of #536671.

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

#536671 background color

This paragraph has a background color of #536671.

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

#536671 border color

This element has a border color of #536671.

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

CSS codes

.text {color:#536671;}

.background {background-color:#536671;}

.border {border:1px solid #536671;}

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, #080a0b is the darkest color, while #ffffff is the lightest one.

#080a0b
```
#080a0b rgb(8,10,11)
```
#111417
```
#111417 rgb(17,20,23)
```
#191f22
```
#191f22 rgb(25,31,34)
```
#21292d
```
#21292d rgb(33,41,45)
```
#293338
```
#293338 rgb(41,51,56)
```
#323d44
```
#323d44 rgb(50,61,68)
```
#3a474f
```
#3a474f rgb(58,71,79)
```
#42525a
```
#42525a rgb(66,82,90)
```
#4b5c66
```
#4b5c66 rgb(75,92,102)
```
#536671
```
#536671 rgb(83,102,113)
```
#5b707c
```
#5b707c rgb(91,112,124)
```
#647a88
```
#647a88 rgb(100,122,136)
```
#6c8593
```
#6c8593 rgb(108,133,147)
```

Shade Color Variation

#778e9b
```
#778e9b rgb(119,142,155)
```
#8397a4
```
#8397a4 rgb(131,151,164)
```
#8ea1ac
```
#8ea1ac rgb(142,161,172)
```
#99aab4
```
#99aab4 rgb(153,170,180)
```
#a4b4bc
```
#a4b4bc rgb(164,180,188)
```
#b0bdc5
```
#b0bdc5 rgb(176,189,197)
```
#bbc6cd
```
#bbc6cd rgb(187,198,205)
```
#c6d0d5
```
#c6d0d5 rgb(198,208,213)
```
#d2d9de
```
#d2d9de rgb(210,217,222)
```
#dde3e6
```
#dde3e6 rgb(221,227,230)
```
#e8ecee
```
#e8ecee rgb(232,236,238)
```
#f4f6f7
```
#f4f6f7 rgb(244,246,247)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5b6469 is the less saturated color, while #007cc4 is the most saturated one.

#5b6469
```
#5b6469 rgb(91,100,105)
```
#536671
```
#536671 rgb(83,102,113)
```
#4b6879
```
#4b6879 rgb(75,104,121)
```
#446a80
```
#446a80 rgb(68,106,128)
```
#3c6c88
```
#3c6c88 rgb(60,108,136)
```
#356e8f
```
#356e8f rgb(53,110,143)
```
#2d7097
```
#2d7097 rgb(45,112,151)
```
#26729e
```
#26729e rgb(38,114,158)
```
#1e74a6
```
#1e74a6 rgb(30,116,166)
```
#1776ad
```
#1776ad rgb(23,118,173)
```
#0f78b5
```
#0f78b5 rgb(15,120,181)
```
#087abc
```
#087abc rgb(8,122,188)
```
#007cc4
```
#007cc4 rgb(0,124,196)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#5f6365 Atypical Achromatopsia 0.001% of the population

Dichromacy

#696a76 Protanopia 1% of men
#6d687a Deuteranopia 1% of men
#5b6e76 Tritanopia 0.001% of the population

Trichromacy

#616874 Protanomaly 1% of men, 0.01% of women
#646776 Deuteranomaly 6% of men, 0.4% of women
#586b74 Tritanomaly 0.01% of the population

#536671 hex color

#536671 Color Information

#536671 Color Conversion

Color Schemes with #536671

Alternatives to #536671

#536671 Preview

Shades and Tints of #536671

Tones of #536671

Color Blindness Simulator