#535a8b hex color

In a RGB color space, hex #535a8b is composed of 32.5% red, 35.3% green and 54.5% blue. Whereas in a CMYK color space, it is composed of 40.3% cyan, 35.3% magenta, 0% yellow and 45.5% black. It has a hue angle of 232.5 degrees, a saturation of 25.2% and a lightness of 43.5%. #535a8b color hex could be obtained by blending #a6b4ff with #000017. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 35
- B 55
RGB color chart
- C 40
- M 35
- Y 0
- K 45
CMYK color chart

● #535a8b color description : Mostly desaturated dark blue.

The hexadecimal color #535a8b has RGB values of R:83, G:90, B:139 and CMYK values of C:0.4, M:0.35, Y:0, K:0.45. Its decimal value is 5462667.

Hex triplet	535a8b	`#535a8b`
RGB Decimal	83, 90, 139	`rgb(83,90,139)`
RGB Percent	32.5, 35.3, 54.5	`rgb(32.5%,35.3%,54.5%)`
CMYK	40, 35, 0, 45
HSL	232.5°, 25.2, 43.5	`hsl(232.5,25.2%,43.5%)`
HSV (or HSB)	232.5°, 40.3, 54.5
Web Safe	666699	`#666699`

CIE-LAB	39.606, 10.332, -28.088
XYZ	11.883, 11.015, 25.925
xyY	0.243, 0.226, 11.015
CIE-LCH	39.606, 29.928, 290.197
CIE-LUV	39.606, -5.848, -40.876
Hunter-Lab	33.189, 5.828, -23.081
Binary	01010011, 01011010, 10001011

#535a8b
```
#535a8b rgb(83,90,139)
```
#8b8453
```
#8b8453 rgb(139,132,83)
```

Complementary Color

#53768b
```
#53768b rgb(83,118,139)
```
#535a8b
```
#535a8b rgb(83,90,139)
```
#68538b
```
#68538b rgb(104,83,139)
```

Analogous Color

#768b53
```
#768b53 rgb(118,139,83)
```
#535a8b
```
#535a8b rgb(83,90,139)
```
#8b6853
```
#8b6853 rgb(139,104,83)
```

Split Complementary Color

#5a8b53
```
#5a8b53 rgb(90,139,83)
```
#535a8b
```
#535a8b rgb(83,90,139)
```
#8b535a
```
#8b535a rgb(139,83,90)
```

Triadic Color

#538b84
```
#538b84 rgb(83,139,132)
```
#535a8b
```
#535a8b rgb(83,90,139)
```
#8b535a
```
#8b535a rgb(139,83,90)
```
#8b8453
```
#8b8453 rgb(139,132,83)
```

Tetradic Color

#363b5b
```
#363b5b rgb(54,59,91)
```
#40456b
```
#40456b rgb(64,69,107)
```
#49507b
```
#49507b rgb(73,80,123)
```
#535a8b
```
#535a8b rgb(83,90,139)
```
#5d649b
```
#5d649b rgb(93,100,155)
```
#6b72a6
```
#6b72a6 rgb(107,114,166)
```
#7b81b0
```
#7b81b0 rgb(123,129,176)
```

Monochromatic Color

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

#53688b
```
#53688b rgb(83,104,139)
```
#53638b
```
#53638b rgb(83,99,139)
```
#535f8b
```
#535f8b rgb(83,95,139)
```
#535a8b
```
#535a8b rgb(83,90,139)
```
#53558b
```
#53558b rgb(83,85,139)
```
#55538b
```
#55538b rgb(85,83,139)
```
#5a538b
```
#5a538b rgb(90,83,139)
```

Similar Colors

Text with hexadecimal color #535a8b

This text has a font color of #535a8b.

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

#535a8b background color

This paragraph has a background color of #535a8b.

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

#535a8b border color

This element has a border color of #535a8b.

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

CSS codes

.text {color:#535a8b;}

.background {background-color:#535a8b;}

.border {border:1px solid #535a8b;}

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

#020304
```
#020304 rgb(2,3,4)
```
#0a0a10
```
#0a0a10 rgb(10,10,16)
```
#11121c
```
#11121c rgb(17,18,28)
```
#181a29
```
#181a29 rgb(24,26,41)
```
#202235
```
#202235 rgb(32,34,53)
```
#272a41
```
#272a41 rgb(39,42,65)
```
#2e324e
```
#2e324e rgb(46,50,78)
```
#363a5a
```
#363a5a rgb(54,58,90)
```
#3d4266
```
#3d4266 rgb(61,66,102)
```
#444a72
```
#444a72 rgb(68,74,114)
```
#4c527f
```
#4c527f rgb(76,82,127)
```
#535a8b
```
#535a8b rgb(83,90,139)
```
#5a6297
```
#5a6297 rgb(90,98,151)
```

Shade Color Variation

#636ba2
```
#636ba2 rgb(99,107,162)
```
#7077a9
```
#7077a9 rgb(112,119,169)
```
#7c82b1
```
#7c82b1 rgb(124,130,177)
```
#888eb8
```
#888eb8 rgb(136,142,184)
```
#949abf
```
#949abf rgb(148,154,191)
```
#a1a5c7
```
#a1a5c7 rgb(161,165,199)
```
#adb1ce
```
#adb1ce rgb(173,177,206)
```
#b9bdd5
```
#b9bdd5 rgb(185,189,213)
```
#c5c8dd
```
#c5c8dd rgb(197,200,221)
```
#d2d4e4
```
#d2d4e4 rgb(210,212,228)
```
#dee0eb
```
#dee0eb rgb(222,224,235)
```
#eaebf3
```
#eaebf3 rgb(234,235,243)
```
#f7f7fa
```
#f7f7fa rgb(247,247,250)
```

Tint Color Variation

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

#6d6d71
```
#6d6d71 rgb(109,109,113)
```
#64677a
```
#64677a rgb(100,103,122)
```
#5c6082
```
#5c6082 rgb(92,96,130)
```
#535a8b
```
#535a8b rgb(83,90,139)
```
#4a5494
```
#4a5494 rgb(74,84,148)
```
#424d9c
```
#424d9c rgb(66,77,156)
```
#3947a5
```
#3947a5 rgb(57,71,165)
```
#3140ad
```
#3140ad rgb(49,64,173)
```
#283ab6
```
#283ab6 rgb(40,58,182)
```
#2034be
```
#2034be rgb(32,52,190)
```
#172dc7
```
#172dc7 rgb(23,45,199)
```
#0f27cf
```
#0f27cf rgb(15,39,207)
```
#0620d8
```
#0620d8 rgb(6,32,216)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#5b5c66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#546492 Protanopia 1% of men
#526590 Deuteranopia 1% of men
#526971 Tritanopia 0.001% of the population

Trichromacy

#54608f Protanomaly 1% of men, 0.01% of women
#52618e Deuteranomaly 6% of men, 0.4% of women
#52637a Tritanomaly 0.01% of the population

#535a8b hex color

#535a8b Color Information

#535a8b Color Conversion

Color Schemes with #535a8b

Alternatives to #535a8b

#535a8b Preview

Shades and Tints of #535a8b

Tones of #535a8b

Color Blindness Simulator