#536d8e hex color

In a RGB color space, hex #536d8e is composed of 32.5% red, 42.7% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 41.5% cyan, 23.2% magenta, 0% yellow and 44.3% black. It has a hue angle of 213.6 degrees, a saturation of 26.2% and a lightness of 44.1%. #536d8e color hex could be obtained by blending #a6daff with #00001d. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 43
- B 56
RGB color chart
- C 42
- M 23
- Y 0
- K 44
CMYK color chart

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

The hexadecimal color #536d8e has RGB values of R:83, G:109, B:142 and CMYK values of C:0.42, M:0.23, Y:0, K:0.44. Its decimal value is 5467534.

Hex triplet	536d8e	`#536d8e`
RGB Decimal	83, 109, 142	`rgb(83,109,142)`
RGB Percent	32.5, 42.7, 55.7	`rgb(32.5%,42.7%,55.7%)`
CMYK	42, 23, 0, 44
HSL	213.6°, 26.2, 44.1	`hsl(213.6,26.2%,44.1%)`
HSV (or HSB)	213.6°, 41.5, 55.7
Web Safe	666699	`#666699`

CIE-LAB	45.26, -0.516, -21.105
XYZ	13.917, 14.729, 27.699
xyY	0.247, 0.261, 14.729
CIE-LCH	45.26, 21.111, 268.6
CIE-LUV	45.26, -13.385, -30.252
Hunter-Lab	38.378, -2.431, -15.928
Binary	01010011, 01101101, 10001110

#536d8e
```
#536d8e rgb(83,109,142)
```
#8e7453
```
#8e7453 rgb(142,116,83)
```

Complementary Color

#538b8e
```
#538b8e rgb(83,139,142)
```
#536d8e
```
#536d8e rgb(83,109,142)
```
#57538e
```
#57538e rgb(87,83,142)
```

Analogous Color

#8b8e53
```
#8b8e53 rgb(139,142,83)
```
#536d8e
```
#536d8e rgb(83,109,142)
```
#8e5753
```
#8e5753 rgb(142,87,83)
```

Split Complementary Color

#6d8e53
```
#6d8e53 rgb(109,142,83)
```
#536d8e
```
#536d8e rgb(83,109,142)
```
#8e536d
```
#8e536d rgb(142,83,109)
```

Triadic Color

#538e74
```
#538e74 rgb(83,142,116)
```
#536d8e
```
#536d8e rgb(83,109,142)
```
#8e536d
```
#8e536d rgb(142,83,109)
```
#8e7453
```
#8e7453 rgb(142,116,83)
```

Tetradic Color

#37485e
```
#37485e rgb(55,72,94)
```
#40546e
```
#40546e rgb(64,84,110)
```
#4a617e
```
#4a617e rgb(74,97,126)
```
#536d8e
```
#536d8e rgb(83,109,142)
```
#5c799e
```
#5c799e rgb(92,121,158)
```
#6b86a9
```
#6b86a9 rgb(107,134,169)
```
#7b94b2
```
#7b94b2 rgb(123,148,178)
```

Monochromatic Color

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

#537c8e
```
#537c8e rgb(83,124,142)
```
#53778e
```
#53778e rgb(83,119,142)
```
#53728e
```
#53728e rgb(83,114,142)
```
#536d8e
```
#536d8e rgb(83,109,142)
```
#53688e
```
#53688e rgb(83,104,142)
```
#53638e
```
#53638e rgb(83,99,142)
```
#535e8e
```
#535e8e rgb(83,94,142)
```

Similar Colors

Text with hexadecimal color #536d8e

This text has a font color of #536d8e.

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

#536d8e background color

This paragraph has a background color of #536d8e.

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

#536d8e border color

This element has a border color of #536d8e.

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

CSS codes

.text {color:#536d8e;}

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

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

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

#030406
```
#030406 rgb(3,4,6)
```
#0b0e12
```
#0b0e12 rgb(11,14,18)
```
#12171f
```
#12171f rgb(18,23,31)
```
#19212b
```
#19212b rgb(25,33,43)
```
#202a37
```
#202a37 rgb(32,42,55)
```
#283444
```
#283444 rgb(40,52,68)
```
#2f3d50
```
#2f3d50 rgb(47,61,80)
```
#36475c
```
#36475c rgb(54,71,92)
```
#3d5069
```
#3d5069 rgb(61,80,105)
```
#455a75
```
#455a75 rgb(69,90,117)
```
#4c6382
```
#4c6382 rgb(76,99,130)
```
#536d8e
```
#536d8e rgb(83,109,142)
```
#5a779a
```
#5a779a rgb(90,119,154)
```

Shade Color Variation

#6480a4
```
#6480a4 rgb(100,128,164)
```
#708aac
```
#708aac rgb(112,138,172)
```
#7d95b3
```
#7d95b3 rgb(125,149,179)
```
#899fba
```
#899fba rgb(137,159,186)
```
#95a9c1
```
#95a9c1 rgb(149,169,193)
```
#a2b3c9
```
#a2b3c9 rgb(162,179,201)
```
#aebdd0
```
#aebdd0 rgb(174,189,208)
```
#bbc7d7
```
#bbc7d7 rgb(187,199,215)
```
#c7d1de
```
#c7d1de rgb(199,209,222)
```
#d3dbe5
```
#d3dbe5 rgb(211,219,229)
```
#e0e5ed
```
#e0e5ed rgb(224,229,237)
```
#ecf0f4
```
#ecf0f4 rgb(236,240,244)
```
#f8fafb
```
#f8fafb rgb(248,250,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6d7074 is the less saturated color, while #0564dc is the most saturated one.

#6d7074
```
#6d7074 rgb(109,112,116)
```
#646f7d
```
#646f7d rgb(100,111,125)
```
#5c6e85
```
#5c6e85 rgb(92,110,133)
```
#536d8e
```
#536d8e rgb(83,109,142)
```
#4a6c97
```
#4a6c97 rgb(74,108,151)
```
#426b9f
```
#426b9f rgb(66,107,159)
```
#396aa8
```
#396aa8 rgb(57,106,168)
```
#3069b1
```
#3069b1 rgb(48,105,177)
```
#2868b9
```
#2868b9 rgb(40,104,185)
```
#1f67c2
```
#1f67c2 rgb(31,103,194)
```
#1666cb
```
#1666cb rgb(22,102,203)
```
#0e65d3
```
#0e65d3 rgb(14,101,211)
```
#0564dc
```
#0564dc rgb(5,100,220)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#656a70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#697191 Protanopia 1% of men
#697195 Deuteranopia 1% of men
#557880 Tritanopia 0.001% of the population

Trichromacy

#616f90 Protanomaly 1% of men, 0.01% of women
#616f92 Deuteranomaly 6% of men, 0.4% of women
#547485 Tritanomaly 0.01% of the population

#536d8e hex color

#536d8e Color Information

#536d8e Color Conversion

Color Schemes with #536d8e

Alternatives to #536d8e

#536d8e Preview

Shades and Tints of #536d8e

Tones of #536d8e

Color Blindness Simulator