#5446a4 hex color

In a RGB color space, hex #5446a4 is composed of 32.9% red, 27.5% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 48.8% cyan, 57.3% magenta, 0% yellow and 35.7% black. It has a hue angle of 248.9 degrees, a saturation of 40.2% and a lightness of 45.9%. #5446a4 color hex could be obtained by blending #a88cff with #000049. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 33
- G 27
- B 64
RGB color chart
- C 49
- M 57
- Y 0
- K 36
CMYK color chart

● #5446a4 color description : Dark moderate blue.

The hexadecimal color #5446a4 has RGB values of R:84, G:70, B:164 and CMYK values of C:0.49, M:0.57, Y:0, K:0.36. Its decimal value is 5523108.

Hex triplet	5446a4	`#5446a4`
RGB Decimal	84, 70, 164	`rgb(84,70,164)`
RGB Percent	32.9, 27.5, 64.3	`rgb(32.9%,27.5%,64.3%)`
CMYK	49, 57, 0, 36
HSL	248.9°, 40.2, 45.9	`hsl(248.9,40.2%,45.9%)`
HSV (or HSB)	248.9°, 57.3, 64.3
Web Safe	663399	`#663399`

CIE-LAB	35.879, 30.966, -49.088
XYZ	12.546, 8.945, 36.185
xyY	0.218, 0.155, 8.945
CIE-LCH	35.879, 58.039, 302.245
CIE-LUV	35.879, -0.586, -71.349
Hunter-Lab	29.908, 22.537, -50.797
Binary	01010100, 01000110, 10100100

#5446a4
```
#5446a4 rgb(84,70,164)
```
#96a446
```
#96a446 rgb(150,164,70)
```

Complementary Color

#4667a4
```
#4667a4 rgb(70,103,164)
```
#5446a4
```
#5446a4 rgb(84,70,164)
```
#8346a4
```
#8346a4 rgb(131,70,164)
```

Analogous Color

#67a446
```
#67a446 rgb(103,164,70)
```
#5446a4
```
#5446a4 rgb(84,70,164)
```
#a48346
```
#a48346 rgb(164,131,70)
```

Split Complementary Color

#46a454
```
#46a454 rgb(70,164,84)
```
#5446a4
```
#5446a4 rgb(84,70,164)
```
#a45446
```
#a45446 rgb(164,84,70)
```

Triadic Color

#4696a4
```
#4696a4 rgb(70,150,164)
```
#5446a4
```
#5446a4 rgb(84,70,164)
```
#a45446
```
#a45446 rgb(164,84,70)
```
#96a446
```
#96a446 rgb(150,164,70)
```

Tetradic Color

#392f6e
```
#392f6e rgb(57,47,110)
```
#423780
```
#423780 rgb(66,55,128)
```
#4b3e92
```
#4b3e92 rgb(75,62,146)
```
#5446a4
```
#5446a4 rgb(84,70,164)
```
#5e4fb4
```
#5e4fb4 rgb(94,79,180)
```
#6f61bc
```
#6f61bc rgb(111,97,188)
```
#7f73c3
```
#7f73c3 rgb(127,115,195)
```

Monochromatic Color

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

#4650a4
```
#4650a4 rgb(70,80,164)
```
#4648a4
```
#4648a4 rgb(70,72,164)
```
#4c46a4
```
#4c46a4 rgb(76,70,164)
```
#5446a4
```
#5446a4 rgb(84,70,164)
```
#5c46a4
```
#5c46a4 rgb(92,70,164)
```
#6446a4
```
#6446a4 rgb(100,70,164)
```
#6c46a4
```
#6c46a4 rgb(108,70,164)
```

Similar Colors

Text with hexadecimal color #5446a4

This text has a font color of #5446a4.

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

#5446a4 background color

This paragraph has a background color of #5446a4.

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

#5446a4 border color

This element has a border color of #5446a4.

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

CSS codes

.text {color:#5446a4;}

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

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

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, #07050d is the darkest color, while #fefeff is the lightest one.

#07050d
```
#07050d rgb(7,5,13)
```
#0e0b1b
```
#0e0b1b rgb(14,11,27)
```
#151128
```
#151128 rgb(21,17,40)
```
#1c1736
```
#1c1736 rgb(28,23,54)
```
#231d44
```
#231d44 rgb(35,29,68)
```
#2a2352
```
#2a2352 rgb(42,35,82)
```
#31295f
```
#31295f rgb(49,41,95)
```
#382f6d
```
#382f6d rgb(56,47,109)
```
#3f347b
```
#3f347b rgb(63,52,123)
```
#463a89
```
#463a89 rgb(70,58,137)
```
#4d4096
```
#4d4096 rgb(77,64,150)
```
#5446a4
```
#5446a4 rgb(84,70,164)
```
#5b4cb2
```
#5b4cb2 rgb(91,76,178)
```

Shade Color Variation

#6759b8
```
#6759b8 rgb(103,89,184)
```
#7467be
```
#7467be rgb(116,103,190)
```
#8075c4
```
#8075c4 rgb(128,117,196)
```
#8d82ca
```
#8d82ca rgb(141,130,202)
```
#9a90d0
```
#9a90d0 rgb(154,144,208)
```
#a69ed6
```
#a69ed6 rgb(166,158,214)
```
#b3acdb
```
#b3acdb rgb(179,172,219)
```
#bfb9e1
```
#bfb9e1 rgb(191,185,225)
```
#ccc7e7
```
#ccc7e7 rgb(204,199,231)
```
#d8d5ed
```
#d8d5ed rgb(216,213,237)
```
#e5e3f3
```
#e5e3f3 rgb(229,227,243)
```
#f2f0f9
```
#f2f0f9 rgb(242,240,249)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #747377 is the less saturated color, while #2807e3 is the most saturated one.

#747377
```
#747377 rgb(116,115,119)
```
#6d6a80
```
#6d6a80 rgb(109,106,128)
```
#676189
```
#676189 rgb(103,97,137)
```
#615892
```
#615892 rgb(97,88,146)
```
#5a4f9b
```
#5a4f9b rgb(90,79,155)
```
#5446a4
```
#5446a4 rgb(84,70,164)
```
#4e3dad
```
#4e3dad rgb(78,61,173)
```
#4734b6
```
#4734b6 rgb(71,52,182)
```
#412bbf
```
#412bbf rgb(65,43,191)
```
#3b22c8
```
#3b22c8 rgb(59,34,200)
```
#3419d1
```
#3419d1 rgb(52,25,209)
```
#2e10da
```
#2e10da rgb(46,16,218)
```
#2807e3
```
#2807e3 rgb(40,7,227)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#555265 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005ab1 Protanopia 1% of men
#005e9d Deuteranopia 1% of men
#456168 Tritanopia 0.001% of the population

Trichromacy

#1e52ac Protanomaly 1% of men, 0.01% of women
#1e559f Deuteranomaly 6% of men, 0.4% of women
#4a577e Tritanomaly 0.01% of the population

#5446a4 hex color

#5446a4 Color Information

#5446a4 Color Conversion

Color Schemes with #5446a4

Alternatives to #5446a4

#5446a4 Preview

Shades and Tints of #5446a4

Tones of #5446a4

Color Blindness Simulator