#535a9c hex color

In a RGB color space, hex #535a9c is composed of 32.5% red, 35.3% green and 61.2% blue. Whereas in a CMYK color space, it is composed of 46.8% cyan, 42.3% magenta, 0% yellow and 38.8% black. It has a hue angle of 234.2 degrees, a saturation of 30.5% and a lightness of 46.9%. #535a9c color hex could be obtained by blending #a6b4ff with #000039. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 35
- B 61
RGB color chart
- C 47
- M 42
- Y 0
- K 39
CMYK color chart

● #535a9c color description : Dark moderate blue.

The hexadecimal color #535a9c has RGB values of R:83, G:90, B:156 and CMYK values of C:0.47, M:0.42, Y:0, K:0.39. Its decimal value is 5462684.

Hex triplet	535a9c	`#535a9c`
RGB Decimal	83, 90, 156	`rgb(83,90,156)`
RGB Percent	32.5, 35.3, 61.2	`rgb(32.5%,35.3%,61.2%)`
CMYK	47, 42, 0, 39
HSL	234.2°, 30.5, 46.9	`hsl(234.2,30.5%,46.9%)`
HSV (or HSB)	234.2°, 46.8, 61.2
Web Safe	666699	`#666699`

CIE-LAB	40.494, 15.572, -36.917
XYZ	13.223, 11.551, 32.984
xyY	0.229, 0.2, 11.551
CIE-LCH	40.494, 40.067, 292.871
CIE-LUV	40.494, -6.602, -54.814
Hunter-Lab	33.987, 9.97, -33.748
Binary	01010011, 01011010, 10011100

#535a9c
```
#535a9c rgb(83,90,156)
```
#9c9553
```
#9c9553 rgb(156,149,83)
```

Complementary Color

#537f9c
```
#537f9c rgb(83,127,156)
```
#535a9c
```
#535a9c rgb(83,90,156)
```
#71539c
```
#71539c rgb(113,83,156)
```

Analogous Color

#7f9c53
```
#7f9c53 rgb(127,156,83)
```
#535a9c
```
#535a9c rgb(83,90,156)
```
#9c7153
```
#9c7153 rgb(156,113,83)
```

Split Complementary Color

#5a9c53
```
#5a9c53 rgb(90,156,83)
```
#535a9c
```
#535a9c rgb(83,90,156)
```
#9c535a
```
#9c535a rgb(156,83,90)
```

Triadic Color

#539c95
```
#539c95 rgb(83,156,149)
```
#535a9c
```
#535a9c rgb(83,90,156)
```
#9c535a
```
#9c535a rgb(156,83,90)
```
#9c9553
```
#9c9553 rgb(156,149,83)
```

Tetradic Color

#383d6a
```
#383d6a rgb(56,61,106)
```
#41477b
```
#41477b rgb(65,71,123)
```
#4a508b
```
#4a508b rgb(74,80,139)
```
#535a9c
```
#535a9c rgb(83,90,156)
```
#5f66aa
```
#5f66aa rgb(95,102,170)
```
#6f76b3
```
#6f76b3 rgb(111,118,179)
```
#8086bb
```
#8086bb rgb(128,134,187)
```

Monochromatic Color

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

#536c9c
```
#536c9c rgb(83,108,156)
```
#53669c
```
#53669c rgb(83,102,156)
```
#53609c
```
#53609c rgb(83,96,156)
```
#535a9c
```
#535a9c rgb(83,90,156)
```
#53549c
```
#53549c rgb(83,84,156)
```
#58539c
```
#58539c rgb(88,83,156)
```
#5e539c
```
#5e539c rgb(94,83,156)
```

Similar Colors

Text with hexadecimal color #535a9c

This text has a font color of #535a9c.

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

#535a9c background color

This paragraph has a background color of #535a9c.

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

#535a9c border color

This element has a border color of #535a9c.

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

CSS codes

.text {color:#535a9c;}

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

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

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 #f5f5f9 is the lightest one.

#010102
```
#010102 rgb(1,1,2)
```
#08090f
```
#08090f rgb(8,9,15)
```
#0f101c
```
#0f101c rgb(15,16,28)
```
#161829
```
#161829 rgb(22,24,41)
```
#1d1f36
```
#1d1f36 rgb(29,31,54)
```
#232642
```
#232642 rgb(35,38,66)
```
#2a2e4f
```
#2a2e4f rgb(42,46,79)
```
#31355c
```
#31355c rgb(49,53,92)
```
#383c69
```
#383c69 rgb(56,60,105)
```
#3f4476
```
#3f4476 rgb(63,68,118)
```
#454b82
```
#454b82 rgb(69,75,130)
```
#4c538f
```
#4c538f rgb(76,83,143)
```
#535a9c
```
#535a9c rgb(83,90,156)
```

Shade Color Variation

#5b62a8
```
#5b62a8 rgb(91,98,168)
```
#686faf
```
#686faf rgb(104,111,175)
```
#757bb5
```
#757bb5 rgb(117,123,181)
```
#8187bc
```
#8187bc rgb(129,135,188)
```
#8e93c3
```
#8e93c3 rgb(142,147,195)
```
#9b9fca
```
#9b9fca rgb(155,159,202)
```
#a8acd1
```
#a8acd1 rgb(168,172,209)
```
#b5b8d7
```
#b5b8d7 rgb(181,184,215)
```
#c1c4de
```
#c1c4de rgb(193,196,222)
```
#ced0e5
```
#ced0e5 rgb(206,208,229)
```
#dbddec
```
#dbddec rgb(219,221,236)
```
#e8e9f3
```
#e8e9f3 rgb(232,233,243)
```
#f5f5f9
```
#f5f5f9 rgb(245,245,249)
```

Tint Color Variation

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

#6f7080
```
#6f7080 rgb(111,112,128)
```
#65698a
```
#65698a rgb(101,105,138)
```
#5c6193
```
#5c6193 rgb(92,97,147)
```
#535a9c
```
#535a9c rgb(83,90,156)
```
#4a53a5
```
#4a53a5 rgb(74,83,165)
```
#414bae
```
#414bae rgb(65,75,174)
```
#3744b8
```
#3744b8 rgb(55,68,184)
```
#2e3cc1
```
#2e3cc1 rgb(46,60,193)
```
#2535ca
```
#2535ca rgb(37,53,202)
```
#1c2dd3
```
#1c2dd3 rgb(28,45,211)
```
#1326dc
```
#1326dc rgb(19,38,220)
```
#091fe6
```
#091fe6 rgb(9,31,230)
```
#0017ef
```
#0017ef rgb(0,23,239)
```

Tone Color Variation

Below, you can see how #535a9c 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
#5d5e6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c65a3 Protanopia 1% of men
#44689f Deuteranopia 1% of men
#4c6c74 Tritanopia 0.001% of the population

Trichromacy

#4e61a0 Protanomaly 1% of men, 0.01% of women
#49629d Deuteranomaly 6% of men, 0.4% of women
#4e6683 Tritanomaly 0.01% of the population

#535a9c hex color

#535a9c Color Information

#535a9c Color Conversion

Color Schemes with #535a9c

Alternatives to #535a9c

#535a9c Preview

Shades and Tints of #535a9c

Tones of #535a9c

Color Blindness Simulator