#5336aa hex color

In a RGB color space, hex #5336aa is composed of 32.5% red, 21.2% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 51.2% cyan, 68.2% magenta, 0% yellow and 33.3% black. It has a hue angle of 255 degrees, a saturation of 51.8% and a lightness of 43.9%. #5336aa color hex could be obtained by blending #a66cff with #000055. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 33
- G 21
- B 67
RGB color chart
- C 51
- M 68
- Y 0
- K 33
CMYK color chart

● #5336aa color description : Dark moderate blue.

The hexadecimal color #5336aa has RGB values of R:83, G:54, B:170 and CMYK values of C:0.51, M:0.68, Y:0, K:0.33. Its decimal value is 5453482.

Hex triplet	5336aa	`#5336aa`
RGB Decimal	83, 54, 170	`rgb(83,54,170)`
RGB Percent	32.5, 21.2, 66.7	`rgb(32.5%,21.2%,66.7%)`
CMYK	51, 68, 0, 33
HSL	255°, 51.8, 43.9	`hsl(255,51.8%,43.9%)`
HSV (or HSB)	255°, 68.2, 66.7
Web Safe	663399	`#663399`

CIE-LAB	32.655, 42.089, -57.92
XYZ	12.141, 7.379, 38.813
xyY	0.208, 0.127, 7.379
CIE-LCH	32.655, 71.597, 306.005
CIE-LUV	32.655, 2.176, -80.984
Hunter-Lab	27.165, 32.238, -65.697
Binary	01010011, 00110110, 10101010

#5336aa
```
#5336aa rgb(83,54,170)
```
#8daa36
```
#8daa36 rgb(141,170,54)
```

Complementary Color

#3653aa
```
#3653aa rgb(54,83,170)
```
#5336aa
```
#5336aa rgb(83,54,170)
```
#8d36aa
```
#8d36aa rgb(141,54,170)
```

Analogous Color

#53aa36
```
#53aa36 rgb(83,170,54)
```
#5336aa
```
#5336aa rgb(83,54,170)
```
#aa8d36
```
#aa8d36 rgb(170,141,54)
```

Split Complementary Color

#36aa53
```
#36aa53 rgb(54,170,83)
```
#5336aa
```
#5336aa rgb(83,54,170)
```
#aa5336
```
#aa5336 rgb(170,83,54)
```

Triadic Color

#368daa
```
#368daa rgb(54,141,170)
```
#5336aa
```
#5336aa rgb(83,54,170)
```
#aa5336
```
#aa5336 rgb(170,83,54)
```
#8daa36
```
#8daa36 rgb(141,170,54)
```

Tetradic Color

#372470
```
#372470 rgb(55,36,112)
```
#402a83
```
#402a83 rgb(64,42,131)
```
#4a3097
```
#4a3097 rgb(74,48,151)
```
#5336aa
```
#5336aa rgb(83,54,170)
```
#5c3cbd
```
#5c3cbd rgb(92,60,189)
```
#6b4dc6
```
#6b4dc6 rgb(107,77,198)
```
#7b60cc
```
#7b60cc rgb(123,96,204)
```

Monochromatic Color

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

#3636aa
```
#3636aa rgb(54,54,170)
```
#4036aa
```
#4036aa rgb(64,54,170)
```
#4936aa
```
#4936aa rgb(73,54,170)
```
#5336aa
```
#5336aa rgb(83,54,170)
```
#5d36aa
```
#5d36aa rgb(93,54,170)
```
#6636aa
```
#6636aa rgb(102,54,170)
```
#7036aa
```
#7036aa rgb(112,54,170)
```

Similar Colors

Text with hexadecimal color #5336aa

This text has a font color of #5336aa.

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

#5336aa background color

This paragraph has a background color of #5336aa.

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

#5336aa border color

This element has a border color of #5336aa.

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

CSS codes

.text {color:#5336aa;}

.background {background-color:#5336aa;}

.border {border:1px solid #5336aa;}

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

#030206
```
#030206 rgb(3,2,6)
```
#0a0715
```
#0a0715 rgb(10,7,21)
```
#120b24
```
#120b24 rgb(18,11,36)
```
#191033
```
#191033 rgb(25,16,51)
```
#201542
```
#201542 rgb(32,21,66)
```
#271a51
```
#271a51 rgb(39,26,81)
```
#2f1e60
```
#2f1e60 rgb(47,30,96)
```
#36236e
```
#36236e rgb(54,35,110)
```
#3d287d
```
#3d287d rgb(61,40,125)
```
#442d8c
```
#442d8c rgb(68,45,140)
```
#4c319b
```
#4c319b rgb(76,49,155)
```
#5336aa
```
#5336aa rgb(83,54,170)
```
#5a3bb9
```
#5a3bb9 rgb(90,59,185)
```

Shade Color Variation

#6444c4
```
#6444c4 rgb(100,68,196)
```
#7053c8
```
#7053c8 rgb(112,83,200)
```
#7c61cd
```
#7c61cd rgb(124,97,205)
```
#8970d2
```
#8970d2 rgb(137,112,210)
```
#957fd6
```
#957fd6 rgb(149,127,214)
```
#a18edb
```
#a18edb rgb(161,142,219)
```
#ae9de0
```
#ae9de0 rgb(174,157,224)
```
#baace5
```
#baace5 rgb(186,172,229)
```
#c6bbe9
```
#c6bbe9 rgb(198,187,233)
```
#d3caee
```
#d3caee rgb(211,202,238)
```
#dfd9f3
```
#dfd9f3 rgb(223,217,243)
```
#ebe7f8
```
#ebe7f8 rgb(235,231,248)
```
#f8f6fc
```
#f8f6fc rgb(248,246,252)
```

Tint Color Variation

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

#6d6a76
```
#6d6a76 rgb(109,106,118)
```
#69617f
```
#69617f rgb(105,97,127)
```
#645888
```
#645888 rgb(100,88,136)
```
#605090
```
#605090 rgb(96,80,144)
```
#5c4799
```
#5c4799 rgb(92,71,153)
```
#573fa1
```
#573fa1 rgb(87,63,161)
```
#5336aa
```
#5336aa rgb(83,54,170)
```
#4f2db3
```
#4f2db3 rgb(79,45,179)
```
#4a25bb
```
#4a25bb rgb(74,37,187)
```
#461cc4
```
#461cc4 rgb(70,28,196)
```
#4214cc
```
#4214cc rgb(66,20,204)
```
#3d0bd5
```
#3d0bd5 rgb(61,11,213)
```
#3902de
```
#3902de rgb(57,2,222)
```

Tone Color Variation

Below, you can see how #5336aa 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

#4c4c4c Achromatopsia 0.005% of the population
#4d485f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a3 Protanopia 1% of men
#00588f Deuteranopia 1% of men
#3d5a61 Tritanopia 0.001% of the population

Trichromacy

#1e48a5 Protanomaly 1% of men, 0.01% of women
#1e4b98 Deuteranomaly 6% of men, 0.4% of women
#454d7b Tritanomaly 0.01% of the population

#5336aa hex color

#5336aa Color Information

#5336aa Color Conversion

Color Schemes with #5336aa

Alternatives to #5336aa

#5336aa Preview

Shades and Tints of #5336aa

Tones of #5336aa

Color Blindness Simulator