#5448de hex color

In a RGB color space, hex #5448de is composed of 32.9% red, 28.2% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 62.2% cyan, 67.6% magenta, 0% yellow and 12.9% black. It has a hue angle of 244.8 degrees, a saturation of 69.4% and a lightness of 57.6%. #5448de color hex could be obtained by blending #a890ff with #0000bd. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 28
- B 87
RGB color chart
- C 62
- M 68
- Y 0
- K 13
CMYK color chart

● #5448de color description : Soft blue.

The hexadecimal color #5448de has RGB values of R:84, G:72, B:222 and CMYK values of C:0.62, M:0.68, Y:0, K:0.13. Its decimal value is 5523678.

Hex triplet	5448de	`#5448de`
RGB Decimal	84, 72, 222	`rgb(84,72,222)`
RGB Percent	32.9, 28.2, 87.1	`rgb(32.9%,28.2%,87.1%)`
CMYK	62, 68, 0, 13
HSL	244.8°, 69.4, 57.6	`hsl(244.8,69.4%,57.6%)`
HSV (or HSB)	244.8°, 67.6, 87.1
Web Safe	6633cc	`#6633cc`

CIE-LAB	40.885, 47.958, -74.841
XYZ	19.156, 11.793, 70.37
xyY	0.189, 0.116, 11.793
CIE-LCH	40.885, 88.888, 302.652
CIE-LUV	40.885, -5.128, -110.374
Hunter-Lab	34.34, 39.475, -97.458
Binary	01010100, 01001000, 11011110

#5448de
```
#5448de rgb(84,72,222)
```
#d2de48
```
#d2de48 rgb(210,222,72)
```

Complementary Color

#4887de
```
#4887de rgb(72,135,222)
```
#5448de
```
#5448de rgb(84,72,222)
```
#9f48de
```
#9f48de rgb(159,72,222)
```

Analogous Color

#87de48
```
#87de48 rgb(135,222,72)
```
#5448de
```
#5448de rgb(84,72,222)
```
#de9f48
```
#de9f48 rgb(222,159,72)
```

Split Complementary Color

#48de54
```
#48de54 rgb(72,222,84)
```
#5448de
```
#5448de rgb(84,72,222)
```
#de5448
```
#de5448 rgb(222,84,72)
```

Triadic Color

#48d2de
```
#48d2de rgb(72,210,222)
```
#5448de
```
#5448de rgb(84,72,222)
```
#de5448
```
#de5448 rgb(222,84,72)
```
#d2de48
```
#d2de48 rgb(210,222,72)
```

Tetradic Color

#2d21b8
```
#2d21b8 rgb(45,33,184)
```
#3325ce
```
#3325ce rgb(51,37,206)
```
#4032da
```
#4032da rgb(64,50,218)
```
#5448de
```
#5448de rgb(84,72,222)
```
#685ee2
```
#685ee2 rgb(104,94,226)
```
#7c73e6
```
#7c73e6 rgb(124,115,230)
```
#9189ea
```
#9189ea rgb(145,137,234)
```

Monochromatic Color

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

#4862de
```
#4862de rgb(72,98,222)
```
#4855de
```
#4855de rgb(72,85,222)
```
#4849de
```
#4849de rgb(72,73,222)
```
#5448de
```
#5448de rgb(84,72,222)
```
#6148de
```
#6148de rgb(97,72,222)
```
#6d48de
```
#6d48de rgb(109,72,222)
```
#7a48de
```
#7a48de rgb(122,72,222)
```

Similar Colors

Text with hexadecimal color #5448de

This text has a font color of #5448de.

<span style="color:#5448de;">Text here</span>

#5448de background color

This paragraph has a background color of #5448de.

<p style="background-color:#5448de;">Content here</p>

#5448de border color

This element has a border color of #5448de.

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

CSS codes

.text {color:#5448de;}

.background {background-color:#5448de;}

.border {border:1px solid #5448de;}

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

#040310
```
#040310 rgb(4,3,16)
```
#080621
```
#080621 rgb(8,6,33)
```
#0c0932
```
#0c0932 rgb(12,9,50)
```
#100c42
```
#100c42 rgb(16,12,66)
```
#140f53
```
#140f53 rgb(20,15,83)
```
#181264
```
#181264 rgb(24,18,100)
```
#1d1574
```
#1d1574 rgb(29,21,116)
```
#211885
```
#211885 rgb(33,24,133)
```
#251b95
```
#251b95 rgb(37,27,149)
```
#291ea6
```
#291ea6 rgb(41,30,166)
```
#2d21b7
```
#2d21b7 rgb(45,33,183)
```
#3124c7
```
#3124c7 rgb(49,36,199)
```
#3527d8
```
#3527d8 rgb(53,39,216)
```

Shade Color Variation

#4437db
```
#4437db rgb(68,55,219)
```
#5448de
```
#5448de rgb(84,72,222)
```
#6459e1
```
#6459e1 rgb(100,89,225)
```
#7369e4
```
#7369e4 rgb(115,105,228)
```
#837ae7
```
#837ae7 rgb(131,122,231)
```
#928aea
```
#928aea rgb(146,138,234)
```
#a29bed
```
#a29bed rgb(162,155,237)
```
#b1acf0
```
#b1acf0 rgb(177,172,240)
```
#c1bcf3
```
#c1bcf3 rgb(193,188,243)
```
#d0cdf6
```
#d0cdf6 rgb(208,205,246)
```
#e0def9
```
#e0def9 rgb(224,222,249)
```
#efeefc
```
#efeefc rgb(239,238,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#939393
```
#939393 rgb(147,147,147)
```
#8c8a9c
```
#8c8a9c rgb(140,138,156)
```
#8582a4
```
#8582a4 rgb(133,130,164)
```
#7e7aac
```
#7e7aac rgb(126,122,172)
```
#7772b4
```
#7772b4 rgb(119,114,180)
```
#7069bd
```
#7069bd rgb(112,105,189)
```
#6961c5
```
#6961c5 rgb(105,97,197)
```
#6259cd
```
#6259cd rgb(98,89,205)
```
#5b50d6
```
#5b50d6 rgb(91,80,214)
```
#5448de
```
#5448de rgb(84,72,222)
```
#4d40e6
```
#4d40e6 rgb(77,64,230)
```
#4637ef
```
#4637ef rgb(70,55,239)
```
#3f2ff7
```
#3f2ff7 rgb(63,47,247)
```

Tone Color Variation

Below, you can see how #5448de 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

#5d5d5d Achromatopsia 0.005% of the population
#5b5977 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c6 Protanopia 1% of men
#006bac Deuteranopia 1% of men
#00727a Tritanopia 0.001% of the population

Trichromacy

#1e5ace Protanomaly 1% of men, 0.01% of women
#1e5ebe Deuteranomaly 6% of men, 0.4% of women
#1e639e Tritanomaly 0.01% of the population

#5448de hex color

#5448de Color Information

#5448de Color Conversion

Color Schemes with #5448de

Alternatives to #5448de

#5448de Preview

Shades and Tints of #5448de

Tones of #5448de

Color Blindness Simulator