#535e88 hex color

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

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

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

The hexadecimal color #535e88 has RGB values of R:83, G:94, B:136 and CMYK values of C:0.39, M:0.31, Y:0, K:0.47. Its decimal value is 5463688.

Hex triplet	535e88	`#535e88`
RGB Decimal	83, 94, 136	`rgb(83,94,136)`
RGB Percent	32.5, 36.9, 53.3	`rgb(32.5%,36.9%,53.3%)`
CMYK	39, 31, 0, 47
HSL	227.5°, 24.2, 42.9	`hsl(227.5,24.2%,42.9%)`
HSV (or HSB)	227.5°, 39, 53.3
Web Safe	666699	`#666699`

CIE-LAB	40.608, 6.922, -24.706
XYZ	12.013, 11.622, 24.901
xyY	0.248, 0.239, 11.622
CIE-LCH	40.608, 25.658, 285.651
CIE-LUV	40.608, -7.265, -35.715
Hunter-Lab	34.091, 3.242, -19.445
Binary	01010011, 01011110, 10001000

#535e88
```
#535e88 rgb(83,94,136)
```
#887d53
```
#887d53 rgb(136,125,83)
```

Complementary Color

#537988
```
#537988 rgb(83,121,136)
```
#535e88
```
#535e88 rgb(83,94,136)
```
#635388
```
#635388 rgb(99,83,136)
```

Analogous Color

#798853
```
#798853 rgb(121,136,83)
```
#535e88
```
#535e88 rgb(83,94,136)
```
#886353
```
#886353 rgb(136,99,83)
```

Split Complementary Color

#5e8853
```
#5e8853 rgb(94,136,83)
```
#535e88
```
#535e88 rgb(83,94,136)
```
#88535e
```
#88535e rgb(136,83,94)
```

Triadic Color

#53887d
```
#53887d rgb(83,136,125)
```
#535e88
```
#535e88 rgb(83,94,136)
```
#88535e
```
#88535e rgb(136,83,94)
```
#887d53
```
#887d53 rgb(136,125,83)
```

Tetradic Color

#363d58
```
#363d58 rgb(54,61,88)
```
#404868
```
#404868 rgb(64,72,104)
```
#495378
```
#495378 rgb(73,83,120)
```
#535e88
```
#535e88 rgb(83,94,136)
```
#5d6998
```
#5d6998 rgb(93,105,152)
```
#6a76a4
```
#6a76a4 rgb(106,118,164)
```
#7a85ae
```
#7a85ae rgb(122,133,174)
```

Monochromatic Color

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

#536b88
```
#536b88 rgb(83,107,136)
```
#536788
```
#536788 rgb(83,103,136)
```
#536288
```
#536288 rgb(83,98,136)
```
#535e88
```
#535e88 rgb(83,94,136)
```
#535a88
```
#535a88 rgb(83,90,136)
```
#535588
```
#535588 rgb(83,85,136)
```
#555388
```
#555388 rgb(85,83,136)
```

Similar Colors

Text with hexadecimal color #535e88

This text has a font color of #535e88.

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

#535e88 background color

This paragraph has a background color of #535e88.

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

#535e88 border color

This element has a border color of #535e88.

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

CSS codes

.text {color:#535e88;}

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

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

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)
```
#10121a
```
#10121a rgb(16,18,26)
```
#181b27
```
#181b27 rgb(24,27,39)
```
#1f2333
```
#1f2333 rgb(31,35,51)
```
#262b3f
```
#262b3f rgb(38,43,63)
```
#2e344b
```
#2e344b rgb(46,52,75)
```
#353c57
```
#353c57 rgb(53,60,87)
```
#3d4563
```
#3d4563 rgb(61,69,99)
```
#444d70
```
#444d70 rgb(68,77,112)
```
#4c567c
```
#4c567c rgb(76,86,124)
```
#535e88
```
#535e88 rgb(83,94,136)
```
#5a6694
```
#5a6694 rgb(90,102,148)
```

Shade Color Variation

#636fa0
```
#636fa0 rgb(99,111,160)
```
#6f7aa7
```
#6f7aa7 rgb(111,122,167)
```
#7b86ae
```
#7b86ae rgb(123,134,174)
```
#8791b6
```
#8791b6 rgb(135,145,182)
```
#939cbd
```
#939cbd rgb(147,156,189)
```
#a0a7c5
```
#a0a7c5 rgb(160,167,197)
```
#acb2cc
```
#acb2cc rgb(172,178,204)
```
#b8bed4
```
#b8bed4 rgb(184,190,212)
```
#c4c9db
```
#c4c9db rgb(196,201,219)
```
#d0d4e2
```
#d0d4e2 rgb(208,212,226)
```
#dcdfea
```
#dcdfea rgb(220,223,234)
```
#e9eaf1
```
#e9eaf1 rgb(233,234,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 #0732d4 is the most saturated one.

#6c6d6f
```
#6c6d6f rgb(108,109,111)
```
#646877
```
#646877 rgb(100,104,119)
```
#5b6380
```
#5b6380 rgb(91,99,128)
```
#535e88
```
#535e88 rgb(83,94,136)
```
#4b5990
```
#4b5990 rgb(75,89,144)
```
#425499
```
#425499 rgb(66,84,153)
```
#3a4fa1
```
#3a4fa1 rgb(58,79,161)
```
#314aaa
```
#314aaa rgb(49,74,170)
```
#2945b2
```
#2945b2 rgb(41,69,178)
```
#2040bb
```
#2040bb rgb(32,64,187)
```
#183cc3
```
#183cc3 rgb(24,60,195)
```
#1037cb
```
#1037cb rgb(16,55,203)
```
#0732d4
```
#0732d4 rgb(7,50,212)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#5d5f67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a668e Protanopia 1% of men
#59678d Deuteranopia 1% of men
#536b73 Tritanopia 0.001% of the population

Trichromacy

#57638c Protanomaly 1% of men, 0.01% of women
#57638b Deuteranomaly 6% of men, 0.4% of women
#53667b Tritanomaly 0.01% of the population

#535e88 hex color

#535e88 Color Information

#535e88 Color Conversion

Color Schemes with #535e88

Alternatives to #535e88

#535e88 Preview

Shades and Tints of #535e88

Tones of #535e88

Color Blindness Simulator