#535e93 hex color

In a RGB color space, hex #535e93 is composed of 32.5% red, 36.9% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 43.5% cyan, 36.1% magenta, 0% yellow and 42.4% black. It has a hue angle of 229.7 degrees, a saturation of 27.8% and a lightness of 45.1%. #535e93 color hex could be obtained by blending #a6bcff with #000027. Closest websafe color is: #666699.

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

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

The hexadecimal color #535e93 has RGB values of R:83, G:94, B:147 and CMYK values of C:0.44, M:0.36, Y:0, K:0.42. Its decimal value is 5463699.

Hex triplet	535e93	`#535e93`
RGB Decimal	83, 94, 147	`rgb(83,94,147)`
RGB Percent	32.5, 36.9, 57.6	`rgb(32.5%,36.9%,57.6%)`
CMYK	44, 36, 0, 42
HSL	229.7°, 27.8, 45.1	`hsl(229.7,27.8%,45.1%)`
HSV (or HSB)	229.7°, 43.5, 57.6
Web Safe	666699	`#666699`

CIE-LAB	41.137, 10.241, -30.51
XYZ	12.835, 11.951, 29.233
xyY	0.238, 0.221, 11.951
CIE-LCH	41.137, 32.183, 288.555
CIE-LUV	41.137, -7.669, -44.882
Hunter-Lab	34.57, 5.778, -25.938
Binary	01010011, 01011110, 10010011

#535e93
```
#535e93 rgb(83,94,147)
```
#938853
```
#938853 rgb(147,136,83)
```

Complementary Color

#537e93
```
#537e93 rgb(83,126,147)
```
#535e93
```
#535e93 rgb(83,94,147)
```
#685393
```
#685393 rgb(104,83,147)
```

Analogous Color

#7e9353
```
#7e9353 rgb(126,147,83)
```
#535e93
```
#535e93 rgb(83,94,147)
```
#936853
```
#936853 rgb(147,104,83)
```

Split Complementary Color

#5e9353
```
#5e9353 rgb(94,147,83)
```
#535e93
```
#535e93 rgb(83,94,147)
```
#93535e
```
#93535e rgb(147,83,94)
```

Triadic Color

#539388
```
#539388 rgb(83,147,136)
```
#535e93
```
#535e93 rgb(83,94,147)
```
#93535e
```
#93535e rgb(147,83,94)
```
#938853
```
#938853 rgb(147,136,83)
```

Tetradic Color

#373f62
```
#373f62 rgb(55,63,98)
```
#414972
```
#414972 rgb(65,73,114)
```
#4a5483
```
#4a5483 rgb(74,84,131)
```
#535e93
```
#535e93 rgb(83,94,147)
```
#5c69a3
```
#5c69a3 rgb(92,105,163)
```
#6d78ac
```
#6d78ac rgb(109,120,172)
```
#7d87b6
```
#7d87b6 rgb(125,135,182)
```

Monochromatic Color

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

#536e93
```
#536e93 rgb(83,110,147)
```
#536993
```
#536993 rgb(83,105,147)
```
#536393
```
#536393 rgb(83,99,147)
```
#535e93
```
#535e93 rgb(83,94,147)
```
#535993
```
#535993 rgb(83,89,147)
```
#535393
```
#535393 rgb(83,83,147)
```
#585393
```
#585393 rgb(88,83,147)
```

Similar Colors

Text with hexadecimal color #535e93

This text has a font color of #535e93.

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

#535e93 background color

This paragraph has a background color of #535e93.

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

#535e93 border color

This element has a border color of #535e93.

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

CSS codes

.text {color:#535e93;}

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

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

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

#050609
```
#050609 rgb(5,6,9)
```
#0c0e16
```
#0c0e16 rgb(12,14,22)
```
#131622
```
#131622 rgb(19,22,34)
```
#1a1e2f
```
#1a1e2f rgb(26,30,47)
```
#21263b
```
#21263b rgb(33,38,59)
```
#292e48
```
#292e48 rgb(41,46,72)
```
#303654
```
#303654 rgb(48,54,84)
```
#373e61
```
#373e61 rgb(55,62,97)
```
#3e466d
```
#3e466d rgb(62,70,109)
```
#454e7a
```
#454e7a rgb(69,78,122)
```
#4c5686
```
#4c5686 rgb(76,86,134)
```
#535e93
```
#535e93 rgb(83,94,147)
```
#5a66a0
```
#5a66a0 rgb(90,102,160)
```

Shade Color Variation

#6571a8
```
#6571a8 rgb(101,113,168)
```
#727caf
```
#727caf rgb(114,124,175)
```
#7e88b6
```
#7e88b6 rgb(126,136,182)
```
#8b93bd
```
#8b93bd rgb(139,147,189)
```
#979fc4
```
#979fc4 rgb(151,159,196)
```
#a4abcc
```
#a4abcc rgb(164,171,204)
```
#b0b6d3
```
#b0b6d3 rgb(176,182,211)
```
#bdc2da
```
#bdc2da rgb(189,194,218)
```
#c9cde1
```
#c9cde1 rgb(201,205,225)
```
#d6d9e8
```
#d6d9e8 rgb(214,217,232)
```
#e2e5ef
```
#e2e5ef rgb(226,229,239)
```
#eff0f6
```
#eff0f6 rgb(239,240,246)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

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

#6e6f78
```
#6e6f78 rgb(110,111,120)
```
#656a81
```
#656a81 rgb(101,106,129)
```
#5c648a
```
#5c648a rgb(92,100,138)
```
#535e93
```
#535e93 rgb(83,94,147)
```
#4a589c
```
#4a589c rgb(74,88,156)
```
#4152a5
```
#4152a5 rgb(65,82,165)
```
#384dae
```
#384dae rgb(56,77,174)
```
#3047b6
```
#3047b6 rgb(48,71,182)
```
#2741bf
```
#2741bf rgb(39,65,191)
```
#1e3bc8
```
#1e3bc8 rgb(30,59,200)
```
#1535d1
```
#1535d1 rgb(21,53,209)
```
#0c30da
```
#0c30da rgb(12,48,218)
```
#032ae3
```
#032ae3 rgb(3,42,227)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#5e606b Atypical Achromatopsia 0.001% of the population

Dichromacy

#566799 Protanopia 1% of men
#526897 Deuteranopia 1% of men
#506d75 Tritanopia 0.001% of the population

Trichromacy

#556497 Protanomaly 1% of men, 0.01% of women
#526495 Deuteranomaly 6% of men, 0.4% of women
#516880 Tritanomaly 0.01% of the population

#535e93 hex color

#535e93 Color Information

#535e93 Color Conversion

Color Schemes with #535e93

Alternatives to #535e93

#535e93 Preview

Shades and Tints of #535e93

Tones of #535e93

Color Blindness Simulator