#536690 hex color

In a RGB color space, hex #536690 is composed of 32.5% red, 40% green and 56.5% blue. Whereas in a CMYK color space, it is composed of 42.4% cyan, 29.2% magenta, 0% yellow and 43.5% black. It has a hue angle of 221.3 degrees, a saturation of 26.9% and a lightness of 44.5%. #536690 color hex could be obtained by blending #a6ccff with #000021. Closest websafe color is: #666699.

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

● #536690 color description : Mostly desaturated dark blue.

The hexadecimal color #536690 has RGB values of R:83, G:102, B:144 and CMYK values of C:0.42, M:0.29, Y:0, K:0.44. Its decimal value is 5465744.

Hex triplet	536690	`#536690`
RGB Decimal	83, 102, 144	`rgb(83,102,144)`
RGB Percent	32.5, 40, 56.5	`rgb(32.5%,40%,56.5%)`
CMYK	42, 29, 0, 44
HSL	221.3°, 26.9, 44.5	`hsl(221.3,26.9%,44.5%)`
HSV (or HSB)	221.3°, 42.4, 56.5
Web Safe	666699	`#666699`

CIE-LAB	43.293, 4.343, -25.343
XYZ	13.352, 13.355, 28.258
xyY	0.243, 0.243, 13.355
CIE-LCH	43.293, 25.713, 279.725
CIE-LUV	43.293, -10.633, -36.925
Hunter-Lab	36.544, 1.263, -20.266
Binary	01010011, 01100110, 10010000

#536690
```
#536690 rgb(83,102,144)
```
#907d53
```
#907d53 rgb(144,125,83)
```

Complementary Color

#538590
```
#538590 rgb(83,133,144)
```
#536690
```
#536690 rgb(83,102,144)
```
#5e5390
```
#5e5390 rgb(94,83,144)
```

Analogous Color

#859053
```
#859053 rgb(133,144,83)
```
#536690
```
#536690 rgb(83,102,144)
```
#905e53
```
#905e53 rgb(144,94,83)
```

Split Complementary Color

#669053
```
#669053 rgb(102,144,83)
```
#536690
```
#536690 rgb(83,102,144)
```
#905366
```
#905366 rgb(144,83,102)
```

Triadic Color

#53907d
```
#53907d rgb(83,144,125)
```
#536690
```
#536690 rgb(83,102,144)
```
#905366
```
#905366 rgb(144,83,102)
```
#907d53
```
#907d53 rgb(144,125,83)
```

Tetradic Color

#37445f
```
#37445f rgb(55,68,95)
```
#404f70
```
#404f70 rgb(64,79,112)
```
#4a5b80
```
#4a5b80 rgb(74,91,128)
```
#536690
```
#536690 rgb(83,102,144)
```
#5c71a0
```
#5c71a0 rgb(92,113,160)
```
#6c7faa
```
#6c7faa rgb(108,127,170)
```
#7c8db3
```
#7c8db3 rgb(124,141,179)
```

Monochromatic Color

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

#537590
```
#537590 rgb(83,117,144)
```
#537090
```
#537090 rgb(83,112,144)
```
#536b90
```
#536b90 rgb(83,107,144)
```
#536690
```
#536690 rgb(83,102,144)
```
#536190
```
#536190 rgb(83,97,144)
```
#535c90
```
#535c90 rgb(83,92,144)
```
#535790
```
#535790 rgb(83,87,144)
```

Similar Colors

Text with hexadecimal color #536690

This text has a font color of #536690.

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

#536690 background color

This paragraph has a background color of #536690.

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

#536690 border color

This element has a border color of #536690.

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

CSS codes

.text {color:#536690;}

.background {background-color:#536690;}

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

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

#040507
```
#040507 rgb(4,5,7)
```
#0b0e14
```
#0b0e14 rgb(11,14,20)
```
#121720
```
#121720 rgb(18,23,32)
```
#1a1f2c
```
#1a1f2c rgb(26,31,44)
```
#212839
```
#212839 rgb(33,40,57)
```
#283145
```
#283145 rgb(40,49,69)
```
#2f3a52
```
#2f3a52 rgb(47,58,82)
```
#36435e
```
#36435e rgb(54,67,94)
```
#3d4c6b
```
#3d4c6b rgb(61,76,107)
```
#455477
```
#455477 rgb(69,84,119)
```
#4c5d84
```
#4c5d84 rgb(76,93,132)
```
#536690
```
#536690 rgb(83,102,144)
```
#5a6f9c
```
#5a6f9c rgb(90,111,156)
```

Shade Color Variation

#6479a6
```
#6479a6 rgb(100,121,166)
```
#7184ad
```
#7184ad rgb(113,132,173)
```
#7d8eb4
```
#7d8eb4 rgb(125,142,180)
```
#8a99bb
```
#8a99bb rgb(138,153,187)
```
#96a4c3
```
#96a4c3 rgb(150,164,195)
```
#a3afca
```
#a3afca rgb(163,175,202)
```
#afbad1
```
#afbad1 rgb(175,186,209)
```
#bbc4d8
```
#bbc4d8 rgb(187,196,216)
```
#c8cfdf
```
#c8cfdf rgb(200,207,223)
```
#d4dae6
```
#d4dae6 rgb(212,218,230)
```
#e1e5ee
```
#e1e5ee rgb(225,229,238)
```
#edf0f5
```
#edf0f5 rgb(237,240,245)
```
#fafafc
```
#fafafc rgb(250,250,252)
```

Tint Color Variation

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

#6d7076
```
#6d7076 rgb(109,112,118)
```
#646d7f
```
#646d7f rgb(100,109,127)
```
#5c6987
```
#5c6987 rgb(92,105,135)
```
#536690
```
#536690 rgb(83,102,144)
```
#4a6399
```
#4a6399 rgb(74,99,153)
```
#425fa1
```
#425fa1 rgb(66,95,161)
```
#395caa
```
#395caa rgb(57,92,170)
```
#3059b3
```
#3059b3 rgb(48,89,179)
```
#2756bc
```
#2756bc rgb(39,86,188)
```
#1f52c4
```
#1f52c4 rgb(31,82,196)
```
#164fcd
```
#164fcd rgb(22,79,205)
```
#0d4cd6
```
#0d4cd6 rgb(13,76,214)
```
#0448df
```
#0448df rgb(4,72,223)
```

Tone Color Variation

Below, you can see how #536690 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
#61656e Atypical Achromatopsia 0.001% of the population

Dichromacy

#616c94 Protanopia 1% of men
#5f6d96 Deuteranopia 1% of men
#53737b Tritanopia 0.001% of the population

Trichromacy

#5c6a93 Protanomaly 1% of men, 0.01% of women
#5a6a93 Deuteranomaly 6% of men, 0.4% of women
#536e83 Tritanomaly 0.01% of the population

#536690 hex color

#536690 Color Information

#536690 Color Conversion

Color Schemes with #536690

Alternatives to #536690

#536690 Preview

Shades and Tints of #536690

Tones of #536690

Color Blindness Simulator