#5446aa hex color

In a RGB color space, hex #5446aa is composed of 32.9% red, 27.5% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 50.6% cyan, 58.8% magenta, 0% yellow and 33.3% black. It has a hue angle of 248.4 degrees, a saturation of 41.7% and a lightness of 47.1%. #5446aa color hex could be obtained by blending #a88cff with #000055. Closest websafe color is: #663399.

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

● #5446aa color description : Dark moderate blue.

The hexadecimal color #5446aa has RGB values of R:84, G:70, B:170 and CMYK values of C:0.51, M:0.59, Y:0, K:0.33. Its decimal value is 5523114.

Hex triplet	5446aa	`#5446aa`
RGB Decimal	84, 70, 170	`rgb(84,70,170)`
RGB Percent	32.9, 27.5, 66.7	`rgb(32.9%,27.5%,66.7%)`
CMYK	51, 59, 0, 33
HSL	248.4°, 41.7, 47.1	`hsl(248.4,41.7%,47.1%)`
HSV (or HSB)	248.4°, 58.8, 66.7
Web Safe	663399	`#663399`

CIE-LAB	36.304, 32.83, -51.987
XYZ	13.101, 9.167, 39.107
xyY	0.213, 0.149, 9.167
CIE-LCH	36.304, 61.485, 302.273
CIE-LUV	36.304, -1.064, -75.703
Hunter-Lab	30.277, 24.25, -55.387
Binary	01010100, 01000110, 10101010

#5446aa
```
#5446aa rgb(84,70,170)
```
#9caa46
```
#9caa46 rgb(156,170,70)
```

Complementary Color

#466aaa
```
#466aaa rgb(70,106,170)
```
#5446aa
```
#5446aa rgb(84,70,170)
```
#8646aa
```
#8646aa rgb(134,70,170)
```

Analogous Color

#6aaa46
```
#6aaa46 rgb(106,170,70)
```
#5446aa
```
#5446aa rgb(84,70,170)
```
#aa8646
```
#aa8646 rgb(170,134,70)
```

Split Complementary Color

#46aa54
```
#46aa54 rgb(70,170,84)
```
#5446aa
```
#5446aa rgb(84,70,170)
```
#aa5446
```
#aa5446 rgb(170,84,70)
```

Triadic Color

#469caa
```
#469caa rgb(70,156,170)
```
#5446aa
```
#5446aa rgb(84,70,170)
```
#aa5446
```
#aa5446 rgb(170,84,70)
```
#9caa46
```
#9caa46 rgb(156,170,70)
```

Tetradic Color

#393074
```
#393074 rgb(57,48,116)
```
#423786
```
#423786 rgb(66,55,134)
```
#4b3f98
```
#4b3f98 rgb(75,63,152)
```
#5446aa
```
#5446aa rgb(84,70,170)
```
#6052b8
```
#6052b8 rgb(96,82,184)
```
#7164bf
```
#7164bf rgb(113,100,191)
```
#8176c7
```
#8176c7 rgb(129,118,199)
```

Monochromatic Color

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

#4651aa
```
#4651aa rgb(70,81,170)
```
#4649aa
```
#4649aa rgb(70,73,170)
```
#4c46aa
```
#4c46aa rgb(76,70,170)
```
#5446aa
```
#5446aa rgb(84,70,170)
```
#5c46aa
```
#5c46aa rgb(92,70,170)
```
#6546aa
```
#6546aa rgb(101,70,170)
```
#6d46aa
```
#6d46aa rgb(109,70,170)
```

Similar Colors

Text with hexadecimal color #5446aa

This text has a font color of #5446aa.

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

#5446aa background color

This paragraph has a background color of #5446aa.

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

#5446aa border color

This element has a border color of #5446aa.

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

CSS codes

.text {color:#5446aa;}

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

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

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

#020103
```
#020103 rgb(2,1,3)
```
#080711
```
#080711 rgb(8,7,17)
```
#0f0d1f
```
#0f0d1f rgb(15,13,31)
```
#16132d
```
#16132d rgb(22,19,45)
```
#1d183b
```
#1d183b rgb(29,24,59)
```
#241e49
```
#241e49 rgb(36,30,73)
```
#2b2457
```
#2b2457 rgb(43,36,87)
```
#322965
```
#322965 rgb(50,41,101)
```
#392f72
```
#392f72 rgb(57,47,114)
```
#3f3580
```
#3f3580 rgb(63,53,128)
```
#463b8e
```
#463b8e rgb(70,59,142)
```
#4d409c
```
#4d409c rgb(77,64,156)
```
#5446aa
```
#5446aa rgb(84,70,170)
```

Shade Color Variation

#5c4eb6
```
#5c4eb6 rgb(92,78,182)
```
#695cbc
```
#695cbc rgb(105,92,188)
```
#7669c1
```
#7669c1 rgb(118,105,193)
```
#8377c7
```
#8377c7 rgb(131,119,199)
```
#8f85cd
```
#8f85cd rgb(143,133,205)
```
#9c93d3
```
#9c93d3 rgb(156,147,211)
```
#a9a1d8
```
#a9a1d8 rgb(169,161,216)
```
#b6afde
```
#b6afde rgb(182,175,222)
```
#c2bde4
```
#c2bde4 rgb(194,189,228)
```
#cfcbe9
```
#cfcbe9 rgb(207,203,233)
```
#dcd9ef
```
#dcd9ef rgb(220,217,239)
```
#e9e6f5
```
#e9e6f5 rgb(233,230,245)
```
#f5f4fb
```
#f5f4fb rgb(245,244,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #75747c is the less saturated color, while #2505eb is the most saturated one.

#75747c
```
#75747c rgb(117,116,124)
```
#6f6b85
```
#6f6b85 rgb(111,107,133)
```
#68628e
```
#68628e rgb(104,98,142)
```
#615898
```
#615898 rgb(97,88,152)
```
#5b4fa1
```
#5b4fa1 rgb(91,79,161)
```
#5446aa
```
#5446aa rgb(84,70,170)
```
#4d3db3
```
#4d3db3 rgb(77,61,179)
```
#4734bc
```
#4734bc rgb(71,52,188)
```
#402ac6
```
#402ac6 rgb(64,42,198)
```
#3921cf
```
#3921cf rgb(57,33,207)
```
#3318d8
```
#3318d8 rgb(51,24,216)
```
#2c0fe1
```
#2c0fe1 rgb(44,15,225)
```
#2505eb
```
#2505eb rgb(37,5,235)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#565367 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb3 Protanopia 1% of men
#00609e Deuteranopia 1% of men
#42636a Tritanopia 0.001% of the population

Trichromacy

#1e53af Protanomaly 1% of men, 0.01% of women
#1e56a2 Deuteranomaly 6% of men, 0.4% of women
#485881 Tritanomaly 0.01% of the population

#5446aa hex color

#5446aa Color Information

#5446aa Color Conversion

Color Schemes with #5446aa

Alternatives to #5446aa

#5446aa Preview

Shades and Tints of #5446aa

Tones of #5446aa

Color Blindness Simulator