#536488 hex color

In a RGB color space, hex #536488 is composed of 32.5% red, 39.2% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 39% cyan, 26.5% magenta, 0% yellow and 46.7% black. It has a hue angle of 220.8 degrees, a saturation of 24.2% and a lightness of 42.9%. #536488 color hex could be obtained by blending #a6c8ff with #000011. Closest websafe color is: #666699.

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

● #536488 color description : Mostly desaturated dark blue.

The hexadecimal color #536488 has RGB values of R:83, G:100, B:136 and CMYK values of C:0.39, M:0.26, Y:0, K:0.47. Its decimal value is 5465224.

Hex triplet	536488	`#536488`
RGB Decimal	83, 100, 136	`rgb(83,100,136)`
RGB Percent	32.5, 39.2, 53.3	`rgb(32.5%,39.2%,53.3%)`
CMYK	39, 26, 0, 47
HSL	220.8°, 24.2, 42.9	`hsl(220.8,24.2%,42.9%)`
HSV (or HSB)	220.8°, 39, 53.3
Web Safe	666699	`#666699`

CIE-LAB	42.354, 3.198, -21.998
XYZ	12.567, 12.731, 25.086
xyY	0.249, 0.253, 12.731
CIE-LCH	42.354, 22.229, 278.272
CIE-LUV	42.354, -9.648, -31.581
Hunter-Lab	35.68, 0.433, -16.711
Binary	01010011, 01100100, 10001000

#536488
```
#536488 rgb(83,100,136)
```
#887753
```
#887753 rgb(136,119,83)
```

Complementary Color

#537f88
```
#537f88 rgb(83,127,136)
```
#536488
```
#536488 rgb(83,100,136)
```
#5d5388
```
#5d5388 rgb(93,83,136)
```

Analogous Color

#7f8853
```
#7f8853 rgb(127,136,83)
```
#536488
```
#536488 rgb(83,100,136)
```
#885d53
```
#885d53 rgb(136,93,83)
```

Split Complementary Color

#648853
```
#648853 rgb(100,136,83)
```
#536488
```
#536488 rgb(83,100,136)
```
#885364
```
#885364 rgb(136,83,100)
```

Triadic Color

#538877
```
#538877 rgb(83,136,119)
```
#536488
```
#536488 rgb(83,100,136)
```
#885364
```
#885364 rgb(136,83,100)
```
#887753
```
#887753 rgb(136,119,83)
```

Tetradic Color

#364158
```
#364158 rgb(54,65,88)
```
#404d68
```
#404d68 rgb(64,77,104)
```
#495878
```
#495878 rgb(73,88,120)
```
#536488
```
#536488 rgb(83,100,136)
```
#5d7098
```
#5d7098 rgb(93,112,152)
```
#6a7da4
```
#6a7da4 rgb(106,125,164)
```
#7a8aae
```
#7a8aae rgb(122,138,174)
```

Monochromatic Color

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

#537188
```
#537188 rgb(83,113,136)
```
#536d88
```
#536d88 rgb(83,109,136)
```
#536888
```
#536888 rgb(83,104,136)
```
#536488
```
#536488 rgb(83,100,136)
```
#536088
```
#536088 rgb(83,96,136)
```
#535b88
```
#535b88 rgb(83,91,136)
```
#535788
```
#535788 rgb(83,87,136)
```

Similar Colors

Text with hexadecimal color #536488

This text has a font color of #536488.

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

#536488 background color

This paragraph has a background color of #536488.

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

#536488 border color

This element has a border color of #536488.

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

CSS codes

.text {color:#536488;}

.background {background-color:#536488;}

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

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

#010102
```
#010102 rgb(1,1,2)
```
#090a0e
```
#090a0e rgb(9,10,14)
```
#10131a
```
#10131a rgb(16,19,26)
```
#181c27
```
#181c27 rgb(24,28,39)
```
#1f2533
```
#1f2533 rgb(31,37,51)
```
#262e3f
```
#262e3f rgb(38,46,63)
```
#2e374b
```
#2e374b rgb(46,55,75)
```
#354057
```
#354057 rgb(53,64,87)
```
#3d4963
```
#3d4963 rgb(61,73,99)
```
#445270
```
#445270 rgb(68,82,112)
```
#4c5b7c
```
#4c5b7c rgb(76,91,124)
```
#536488
```
#536488 rgb(83,100,136)
```
#5a6d94
```
#5a6d94 rgb(90,109,148)
```

Shade Color Variation

#6376a0
```
#6376a0 rgb(99,118,160)
```
#6f81a7
```
#6f81a7 rgb(111,129,167)
```
#7b8cae
```
#7b8cae rgb(123,140,174)
```
#8796b6
```
#8796b6 rgb(135,150,182)
```
#93a1bd
```
#93a1bd rgb(147,161,189)
```
#a0abc5
```
#a0abc5 rgb(160,171,197)
```
#acb6cc
```
#acb6cc rgb(172,182,204)
```
#b8c1d4
```
#b8c1d4 rgb(184,193,212)
```
#c4cbdb
```
#c4cbdb rgb(196,203,219)
```
#d0d6e2
```
#d0d6e2 rgb(208,214,226)
```
#dce1ea
```
#dce1ea rgb(220,225,234)
```
#e9ebf1
```
#e9ebf1 rgb(233,235,241)
```
#f5f6f9
```
#f5f6f9 rgb(245,246,249)
```

Tint Color Variation

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

#6c6d6f
```
#6c6d6f rgb(108,109,111)
```
#646a77
```
#646a77 rgb(100,106,119)
```
#5b6780
```
#5b6780 rgb(91,103,128)
```
#536488
```
#536488 rgb(83,100,136)
```
#4b6190
```
#4b6190 rgb(75,97,144)
```
#425e99
```
#425e99 rgb(66,94,153)
```
#3a5ba1
```
#3a5ba1 rgb(58,91,161)
```
#3158aa
```
#3158aa rgb(49,88,170)
```
#2955b2
```
#2955b2 rgb(41,85,178)
```
#2052bb
```
#2052bb rgb(32,82,187)
```
#184fc3
```
#184fc3 rgb(24,79,195)
```
#104ccb
```
#104ccb rgb(16,76,203)
```
#0749d4
```
#0749d4 rgb(7,73,212)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#60636a Atypical Achromatopsia 0.001% of the population

Dichromacy

#616a8d Protanopia 1% of men
#616a8e Deuteranopia 1% of men
#557078 Tritanopia 0.001% of the population

Trichromacy

#5c688b Protanomaly 1% of men, 0.01% of women
#5c688c Deuteranomaly 6% of men, 0.4% of women
#546b7e Tritanomaly 0.01% of the population

#536488 hex color

#536488 Color Information

#536488 Color Conversion

Color Schemes with #536488

Alternatives to #536488

#536488 Preview

Shades and Tints of #536488

Tones of #536488

Color Blindness Simulator