#536a8f hex color

In a RGB color space, hex #536a8f is composed of 32.5% red, 41.6% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 42% cyan, 25.9% magenta, 0% yellow and 43.9% black. It has a hue angle of 217 degrees, a saturation of 26.5% and a lightness of 44.3%. #536a8f color hex could be obtained by blending #a6d4ff with #00001f. Closest websafe color is: #666699.

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

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

The hexadecimal color #536a8f has RGB values of R:83, G:106, B:143 and CMYK values of C:0.42, M:0.26, Y:0, K:0.44. Its decimal value is 5466767.

Hex triplet	536a8f	`#536a8f`
RGB Decimal	83, 106, 143	`rgb(83,106,143)`
RGB Percent	32.5, 41.6, 56.1	`rgb(32.5%,41.6%,56.1%)`
CMYK	42, 26, 0, 44
HSL	217°, 26.5, 44.3	`hsl(217,26.5%,44.3%)`
HSV (or HSB)	217°, 42, 56.1
Web Safe	666699	`#666699`

CIE-LAB	44.418, 1.595, -23.001
XYZ	13.678, 14.13, 27.992
xyY	0.245, 0.253, 14.13
CIE-LCH	44.418, 23.056, 273.967
CIE-LUV	44.418, -12.195, -33.253
Hunter-Lab	37.59, -0.829, -17.839
Binary	01010011, 01101010, 10001111

#536a8f
```
#536a8f rgb(83,106,143)
```
#8f7853
```
#8f7853 rgb(143,120,83)
```

Complementary Color

#53888f
```
#53888f rgb(83,136,143)
```
#536a8f
```
#536a8f rgb(83,106,143)
```
#5a538f
```
#5a538f rgb(90,83,143)
```

Analogous Color

#888f53
```
#888f53 rgb(136,143,83)
```
#536a8f
```
#536a8f rgb(83,106,143)
```
#8f5a53
```
#8f5a53 rgb(143,90,83)
```

Split Complementary Color

#6a8f53
```
#6a8f53 rgb(106,143,83)
```
#536a8f
```
#536a8f rgb(83,106,143)
```
#8f536a
```
#8f536a rgb(143,83,106)
```

Triadic Color

#538f78
```
#538f78 rgb(83,143,120)
```
#536a8f
```
#536a8f rgb(83,106,143)
```
#8f536a
```
#8f536a rgb(143,83,106)
```
#8f7853
```
#8f7853 rgb(143,120,83)
```

Tetradic Color

#37465f
```
#37465f rgb(55,70,95)
```
#40526f
```
#40526f rgb(64,82,111)
```
#4a5e7f
```
#4a5e7f rgb(74,94,127)
```
#536a8f
```
#536a8f rgb(83,106,143)
```
#5c769f
```
#5c769f rgb(92,118,159)
```
#6c83a9
```
#6c83a9 rgb(108,131,169)
```
#7c91b3
```
#7c91b3 rgb(124,145,179)
```

Monochromatic Color

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

#53798f
```
#53798f rgb(83,121,143)
```
#53748f
```
#53748f rgb(83,116,143)
```
#536f8f
```
#536f8f rgb(83,111,143)
```
#536a8f
```
#536a8f rgb(83,106,143)
```
#53658f
```
#53658f rgb(83,101,143)
```
#53608f
```
#53608f rgb(83,96,143)
```
#535b8f
```
#535b8f rgb(83,91,143)
```

Similar Colors

Text with hexadecimal color #536a8f

This text has a font color of #536a8f.

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

#536a8f background color

This paragraph has a background color of #536a8f.

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

#536a8f border color

This element has a border color of #536a8f.

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

CSS codes

.text {color:#536a8f;}

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

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

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

#040506
```
#040506 rgb(4,5,6)
```
#0b0e13
```
#0b0e13 rgb(11,14,19)
```
#12171f
```
#12171f rgb(18,23,31)
```
#19202c
```
#19202c rgb(25,32,44)
```
#212a38
```
#212a38 rgb(33,42,56)
```
#283345
```
#283345 rgb(40,51,69)
```
#2f3c51
```
#2f3c51 rgb(47,60,81)
```
#36455d
```
#36455d rgb(54,69,93)
```
#3d4e6a
```
#3d4e6a rgb(61,78,106)
```
#455876
```
#455876 rgb(69,88,118)
```
#4c6183
```
#4c6183 rgb(76,97,131)
```
#536a8f
```
#536a8f rgb(83,106,143)
```
#5a739b
```
#5a739b rgb(90,115,155)
```

Shade Color Variation

#647da5
```
#647da5 rgb(100,125,165)
```
#7187ac
```
#7187ac rgb(113,135,172)
```
#7d92b4
```
#7d92b4 rgb(125,146,180)
```
#899cbb
```
#899cbb rgb(137,156,187)
```
#96a7c2
```
#96a7c2 rgb(150,167,194)
```
#a2b1c9
```
#a2b1c9 rgb(162,177,201)
```
#afbcd0
```
#afbcd0 rgb(175,188,208)
```
#bbc6d8
```
#bbc6d8 rgb(187,198,216)
```
#c7d0df
```
#c7d0df rgb(199,208,223)
```
#d4dbe6
```
#d4dbe6 rgb(212,219,230)
```
#e0e5ed
```
#e0e5ed rgb(224,229,237)
```
#edf0f4
```
#edf0f4 rgb(237,240,244)
```
#f9fafc
```
#f9fafc rgb(249,250,252)
```

Tint Color Variation

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

#6d7075
```
#6d7075 rgb(109,112,117)
```
#646e7e
```
#646e7e rgb(100,110,126)
```
#5c6c86
```
#5c6c86 rgb(92,108,134)
```
#536a8f
```
#536a8f rgb(83,106,143)
```
#4a6898
```
#4a6898 rgb(74,104,152)
```
#4266a0
```
#4266a0 rgb(66,102,160)
```
#3964a9
```
#3964a9 rgb(57,100,169)
```
#3062b2
```
#3062b2 rgb(48,98,178)
```
#2860ba
```
#2860ba rgb(40,96,186)
```
#1f5ec3
```
#1f5ec3 rgb(31,94,195)
```
#165ccc
```
#165ccc rgb(22,92,204)
```
#0d5ad5
```
#0d5ad5 rgb(13,90,213)
```
#0558dd
```
#0558dd rgb(5,88,221)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#63686f Atypical Achromatopsia 0.001% of the population

Dichromacy

#666f93 Protanopia 1% of men
#646f95 Deuteranopia 1% of men
#54767e Tritanopia 0.001% of the population

Trichromacy

#5f6d91 Protanomaly 1% of men, 0.01% of women
#5e6d93 Deuteranomaly 6% of men, 0.4% of women
#547184 Tritanomaly 0.01% of the population

#536a8f hex color

#536a8f Color Information

#536a8f Color Conversion

Color Schemes with #536a8f

Alternatives to #536a8f

#536a8f Preview

Shades and Tints of #536a8f

Tones of #536a8f

Color Blindness Simulator