#536b78 hex color

In a RGB color space, hex #536b78 is composed of 32.5% red, 42% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 30.8% cyan, 10.8% magenta, 0% yellow and 52.9% black. It has a hue angle of 201.1 degrees, a saturation of 18.2% and a lightness of 39.8%. #536b78 color hex could be obtained by blending #a6d6f0 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 42
- B 47
RGB color chart
- C 31
- M 11
- Y 0
- K 53
CMYK color chart

● #536b78 color description : Mostly desaturated dark blue.

The hexadecimal color #536b78 has RGB values of R:83, G:107, B:120 and CMYK values of C:0.31, M:0.11, Y:0, K:0.53. Its decimal value is 5467000.

Hex triplet	536b78	`#536b78`
RGB Decimal	83, 107, 120	`rgb(83,107,120)`
RGB Percent	32.5, 42, 47.1	`rgb(32.5%,42%,47.1%)`
CMYK	31, 11, 0, 53
HSL	201.1°, 18.2, 39.8	`hsl(201.1,18.2%,39.8%)`
HSV (or HSB)	201.1°, 30.8, 47.1
Web Safe	666666	`#666666`

CIE-LAB	43.814, -5.502, -10.126
XYZ	12.214, 13.71, 19.771
xyY	0.267, 0.3, 13.71
CIE-LCH	43.814, 11.524, 241.481
CIE-LUV	43.814, -12.287, -13.197
Hunter-Lab	37.027, -5.914, -5.74
Binary	01010011, 01101011, 01111000

#536b78
```
#536b78 rgb(83,107,120)
```
#786053
```
#786053 rgb(120,96,83)
```

Complementary Color

#537873
```
#537873 rgb(83,120,115)
```
#536b78
```
#536b78 rgb(83,107,120)
```
#535978
```
#535978 rgb(83,89,120)
```

Analogous Color

#787353
```
#787353 rgb(120,115,83)
```
#536b78
```
#536b78 rgb(83,107,120)
```
#785359
```
#785359 rgb(120,83,89)
```

Split Complementary Color

#6b7853
```
#6b7853 rgb(107,120,83)
```
#536b78
```
#536b78 rgb(83,107,120)
```
#78536b
```
#78536b rgb(120,83,107)
```

Triadic Color

#537860
```
#537860 rgb(83,120,96)
```
#536b78
```
#536b78 rgb(83,107,120)
```
#78536b
```
#78536b rgb(120,83,107)
```
#786053
```
#786053 rgb(120,96,83)
```

Tetradic Color

#34434b
```
#34434b rgb(52,67,75)
```
#3e505a
```
#3e505a rgb(62,80,90)
```
#495e69
```
#495e69 rgb(73,94,105)
```
#536b78
```
#536b78 rgb(83,107,120)
```
#5d7887
```
#5d7887 rgb(93,120,135)
```
#688696
```
#688696 rgb(104,134,150)
```
#7792a1
```
#7792a1 rgb(119,146,161)
```

Monochromatic Color

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

#537478
```
#537478 rgb(83,116,120)
```
#537178
```
#537178 rgb(83,113,120)
```
#536e78
```
#536e78 rgb(83,110,120)
```
#536b78
```
#536b78 rgb(83,107,120)
```
#536878
```
#536878 rgb(83,104,120)
```
#536578
```
#536578 rgb(83,101,120)
```
#536278
```
#536278 rgb(83,98,120)
```

Similar Colors

Text with hexadecimal color #536b78

This text has a font color of #536b78.

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

#536b78 background color

This paragraph has a background color of #536b78.

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

#536b78 border color

This element has a border color of #536b78.

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

CSS codes

.text {color:#536b78;}

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

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

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

#030404
```
#030404 rgb(3,4,4)
```
#0b0e10
```
#0b0e10 rgb(11,14,16)
```
#13181b
```
#13181b rgb(19,24,27)
```
#1b2327
```
#1b2327 rgb(27,35,39)
```
#232d32
```
#232d32 rgb(35,45,50)
```
#2b373e
```
#2b373e rgb(43,55,62)
```
#33424a
```
#33424a rgb(51,66,74)
```
#3b4c55
```
#3b4c55 rgb(59,76,85)
```
#435661
```
#435661 rgb(67,86,97)
```
#4b616c
```
#4b616c rgb(75,97,108)
```
#536b78
```
#536b78 rgb(83,107,120)
```
#5b7584
```
#5b7584 rgb(91,117,132)
```
#63808f
```
#63808f rgb(99,128,143)
```

Shade Color Variation

#6c8a9a
```
#6c8a9a rgb(108,138,154)
```
#7893a2
```
#7893a2 rgb(120,147,162)
```
#839caa
```
#839caa rgb(131,156,170)
```
#8fa5b2
```
#8fa5b2 rgb(143,165,178)
```
#9bafba
```
#9bafba rgb(155,175,186)
```
#a6b8c2
```
#a6b8c2 rgb(166,184,194)
```
#b2c1ca
```
#b2c1ca rgb(178,193,202)
```
#bdcbd2
```
#bdcbd2 rgb(189,203,210)
```
#c9d4da
```
#c9d4da rgb(201,212,218)
```
#d5dde2
```
#d5dde2 rgb(213,221,226)
```
#e0e6ea
```
#e0e6ea rgb(224,230,234)
```
#ecf0f2
```
#ecf0f2 rgb(236,240,242)
```
#f7f9fa
```
#f7f9fa rgb(247,249,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #636668 is the less saturated color, while #0582c6 is the most saturated one.

#636668
```
#636668 rgb(99,102,104)
```
#5b6970
```
#5b6970 rgb(91,105,112)
```
#536b78
```
#536b78 rgb(83,107,120)
```
#4b6d80
```
#4b6d80 rgb(75,109,128)
```
#437088
```
#437088 rgb(67,112,136)
```
#3c728f
```
#3c728f rgb(60,114,143)
```
#347497
```
#347497 rgb(52,116,151)
```
#2c779f
```
#2c779f rgb(44,119,159)
```
#2479a7
```
#2479a7 rgb(36,121,167)
```
#1c7baf
```
#1c7baf rgb(28,123,175)
```
#157eb6
```
#157eb6 rgb(21,126,182)
```
#0d80be
```
#0d80be rgb(13,128,190)
```
#0582c6
```
#0582c6 rgb(5,130,198)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#616669 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d6e7c Protanopia 1% of men
#706c81 Deuteranopia 1% of men
#5b737b Tritanopia 0.001% of the population

Trichromacy

#636d7a Protanomaly 1% of men, 0.01% of women
#656c7d Deuteranomaly 6% of men, 0.4% of women
#58707a Tritanomaly 0.01% of the population

#536b78 hex color

#536b78 Color Information

#536b78 Color Conversion

Color Schemes with #536b78

Alternatives to #536b78

#536b78 Preview

Shades and Tints of #536b78

Tones of #536b78

Color Blindness Simulator