#536695 hex color

In a RGB color space, hex #536695 is composed of 32.5% red, 40% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 44.3% cyan, 31.5% magenta, 0% yellow and 41.6% black. It has a hue angle of 222.7 degrees, a saturation of 28.4% and a lightness of 45.5%. #536695 color hex could be obtained by blending #a6ccff with #00002b. Closest websafe color is: #666699.

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

● #536695 color description : Mostly desaturated dark blue.

The hexadecimal color #536695 has RGB values of R:83, G:102, B:149 and CMYK values of C:0.44, M:0.32, Y:0, K:0.42. Its decimal value is 5465749.

Hex triplet	536695	`#536695`
RGB Decimal	83, 102, 149	`rgb(83,102,149)`
RGB Percent	32.5, 40, 58.4	`rgb(32.5%,40%,58.4%)`
CMYK	44, 32, 0, 42
HSL	222.7°, 28.4, 45.5	`hsl(222.7,28.4%,45.5%)`
HSV (or HSB)	222.7°, 44.3, 58.4
Web Safe	666699	`#666699`

CIE-LAB	43.524, 5.861, -27.97
XYZ	13.742, 13.511, 30.316
xyY	0.239, 0.235, 13.511
CIE-LCH	43.524, 28.578, 281.835
CIE-LUV	43.524, -10.748, -41.137
Hunter-Lab	36.758, 2.409, -23.169
Binary	01010011, 01100110, 10010101

#536695
```
#536695 rgb(83,102,149)
```
#958253
```
#958253 rgb(149,130,83)
```

Complementary Color

#538795
```
#538795 rgb(83,135,149)
```
#536695
```
#536695 rgb(83,102,149)
```
#615395
```
#615395 rgb(97,83,149)
```

Analogous Color

#879553
```
#879553 rgb(135,149,83)
```
#536695
```
#536695 rgb(83,102,149)
```
#956153
```
#956153 rgb(149,97,83)
```

Split Complementary Color

#669553
```
#669553 rgb(102,149,83)
```
#536695
```
#536695 rgb(83,102,149)
```
#955366
```
#955366 rgb(149,83,102)
```

Triadic Color

#539582
```
#539582 rgb(83,149,130)
```
#536695
```
#536695 rgb(83,102,149)
```
#955366
```
#955366 rgb(149,83,102)
```
#958253
```
#958253 rgb(149,130,83)
```

Tetradic Color

#384464
```
#384464 rgb(56,68,100)
```
#415074
```
#415074 rgb(65,80,116)
```
#4a5b85
```
#4a5b85 rgb(74,91,133)
```
#536695
```
#536695 rgb(83,102,149)
```
#5d72a5
```
#5d72a5 rgb(93,114,165)
```
#6d80ae
```
#6d80ae rgb(109,128,174)
```
#7e8eb7
```
#7e8eb7 rgb(126,142,183)
```

Monochromatic Color

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

#537795
```
#537795 rgb(83,119,149)
```
#537195
```
#537195 rgb(83,113,149)
```
#536c95
```
#536c95 rgb(83,108,149)
```
#536695
```
#536695 rgb(83,102,149)
```
#536195
```
#536195 rgb(83,97,149)
```
#535b95
```
#535b95 rgb(83,91,149)
```
#535695
```
#535695 rgb(83,86,149)
```

Similar Colors

Text with hexadecimal color #536695

This text has a font color of #536695.

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

#536695 background color

This paragraph has a background color of #536695.

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

#536695 border color

This element has a border color of #536695.

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

CSS codes

.text {color:#536695;}

.background {background-color:#536695;}

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

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, #06070a is the darkest color, while #fdfdfe is the lightest one.

#06070a
```
#06070a rgb(6,7,10)
```
#0d1017
```
#0d1017 rgb(13,16,23)
```
#141824
```
#141824 rgb(20,24,36)
```
#1b2130
```
#1b2130 rgb(27,33,48)
```
#222a3d
```
#222a3d rgb(34,42,61)
```
#293249
```
#293249 rgb(41,50,73)
```
#303b56
```
#303b56 rgb(48,59,86)
```
#374463
```
#374463 rgb(55,68,99)
```
#3e4c6f
```
#3e4c6f rgb(62,76,111)
```
#45557c
```
#45557c rgb(69,85,124)
```
#4c5d88
```
#4c5d88 rgb(76,93,136)
```
#536695
```
#536695 rgb(83,102,149)
```
#5a6fa2
```
#5a6fa2 rgb(90,111,162)
```

Shade Color Variation

#6679aa
```
#6679aa rgb(102,121,170)
```
#7284b1
```
#7284b1 rgb(114,132,177)
```
#7f8fb8
```
#7f8fb8 rgb(127,143,184)
```
#8b9abf
```
#8b9abf rgb(139,154,191)
```
#98a5c6
```
#98a5c6 rgb(152,165,198)
```
#a5b0cd
```
#a5b0cd rgb(165,176,205)
```
#b1bbd4
```
#b1bbd4 rgb(177,187,212)
```
#bec6db
```
#bec6db rgb(190,198,219)
```
#cad1e2
```
#cad1e2 rgb(202,209,226)
```
#d7dce9
```
#d7dce9 rgb(215,220,233)
```
#e4e7f0
```
#e4e7f0 rgb(228,231,240)
```
#f0f2f7
```
#f0f2f7 rgb(240,242,247)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#6e717a
```
#6e717a rgb(110,113,122)
```
#656e83
```
#656e83 rgb(101,110,131)
```
#5c6a8c
```
#5c6a8c rgb(92,106,140)
```
#536695
```
#536695 rgb(83,102,149)
```
#4a629e
```
#4a629e rgb(74,98,158)
```
#415ea7
```
#415ea7 rgb(65,94,167)
```
#385bb0
```
#385bb0 rgb(56,91,176)
```
#2f57b9
```
#2f57b9 rgb(47,87,185)
```
#2653c2
```
#2653c2 rgb(38,83,194)
```
#1d4fcb
```
#1d4fcb rgb(29,79,203)
```
#154cd3
```
#154cd3 rgb(21,76,211)
```
#0c48dc
```
#0c48dc rgb(12,72,220)
```
#0344e5
```
#0344e5 rgb(3,68,229)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#62666f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f6d9a Protanopia 1% of men
#5c6d9a Deuteranopia 1% of men
#51747c Tritanopia 0.001% of the population

Trichromacy

#5a6a98 Protanomaly 1% of men, 0.01% of women
#586b98 Deuteranomaly 6% of men, 0.4% of women
#526f85 Tritanomaly 0.01% of the population

#536695 hex color

#536695 Color Information

#536695 Color Conversion

Color Schemes with #536695

Alternatives to #536695

#536695 Preview

Shades and Tints of #536695

Tones of #536695

Color Blindness Simulator