#5448d4 hex color

In a RGB color space, hex #5448d4 is composed of 32.9% red, 28.2% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 60.4% cyan, 66% magenta, 0% yellow and 16.9% black. It has a hue angle of 245.1 degrees, a saturation of 61.9% and a lightness of 55.7%. #5448d4 color hex could be obtained by blending #a890ff with #0000a9. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 28
- B 83
RGB color chart
- C 60
- M 66
- Y 0
- K 17
CMYK color chart

● #5448d4 color description : Moderate blue.

The hexadecimal color #5448d4 has RGB values of R:84, G:72, B:212 and CMYK values of C:0.6, M:0.66, Y:0, K:0.17. Its decimal value is 5523668.

Hex triplet	5448d4	`#5448d4`
RGB Decimal	84, 72, 212	`rgb(84,72,212)`
RGB Percent	32.9, 28.2, 83.1	`rgb(32.9%,28.2%,83.1%)`
CMYK	60, 66, 0, 17
HSL	245.1°, 61.9, 55.7	`hsl(245.1,61.9%,55.7%)`
HSV (or HSB)	245.1°, 66, 83.1
Web Safe	6633cc	`#6633cc`

CIE-LAB	40.035, 44.827, -70.5
XYZ	17.855, 11.272, 63.519
xyY	0.193, 0.122, 11.272
CIE-LCH	40.035, 83.545, 302.45
CIE-LUV	40.035, -4.5, -103.878
Hunter-Lab	33.574, 36.172, -88.668
Binary	01010100, 01001000, 11010100

#5448d4
```
#5448d4 rgb(84,72,212)
```
#c8d448
```
#c8d448 rgb(200,212,72)
```

Complementary Color

#4882d4
```
#4882d4 rgb(72,130,212)
```
#5448d4
```
#5448d4 rgb(84,72,212)
```
#9a48d4
```
#9a48d4 rgb(154,72,212)
```

Analogous Color

#82d448
```
#82d448 rgb(130,212,72)
```
#5448d4
```
#5448d4 rgb(84,72,212)
```
#d49a48
```
#d49a48 rgb(212,154,72)
```

Split Complementary Color

#48d454
```
#48d454 rgb(72,212,84)
```
#5448d4
```
#5448d4 rgb(84,72,212)
```
#d45448
```
#d45448 rgb(212,84,72)
```

Triadic Color

#48c8d4
```
#48c8d4 rgb(72,200,212)
```
#5448d4
```
#5448d4 rgb(84,72,212)
```
#d45448
```
#d45448 rgb(212,84,72)
```
#c8d448
```
#c8d448 rgb(200,212,72)
```

Tetradic Color

#3227a8
```
#3227a8 rgb(50,39,168)
```
#392cbd
```
#392cbd rgb(57,44,189)
```
#4133cf
```
#4133cf rgb(65,51,207)
```
#5448d4
```
#5448d4 rgb(84,72,212)
```
#675dd9
```
#675dd9 rgb(103,93,217)
```
#7b71de
```
#7b71de rgb(123,113,222)
```
#8e86e3
```
#8e86e3 rgb(142,134,227)
```

Monochromatic Color

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

#485fd4
```
#485fd4 rgb(72,95,212)
```
#4853d4
```
#4853d4 rgb(72,83,212)
```
#4848d4
```
#4848d4 rgb(72,72,212)
```
#5448d4
```
#5448d4 rgb(84,72,212)
```
#6048d4
```
#6048d4 rgb(96,72,212)
```
#6b48d4
```
#6b48d4 rgb(107,72,212)
```
#7748d4
```
#7748d4 rgb(119,72,212)
```

Similar Colors

Text with hexadecimal color #5448d4

This text has a font color of #5448d4.

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

#5448d4 background color

This paragraph has a background color of #5448d4.

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

#5448d4 border color

This element has a border color of #5448d4.

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

CSS codes

.text {color:#5448d4;}

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

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

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

#020208
```
#020208 rgb(2,2,8)
```
#070617
```
#070617 rgb(7,6,23)
```
#0c0927
```
#0c0927 rgb(12,9,39)
```
#110d37
```
#110d37 rgb(17,13,55)
```
#151147
```
#151147 rgb(21,17,71)
```
#1a1457
```
#1a1457 rgb(26,20,87)
```
#1f1867
```
#1f1867 rgb(31,24,103)
```
#241c77
```
#241c77 rgb(36,28,119)
```
#282087
```
#282087 rgb(40,32,135)
```
#2d2397
```
#2d2397 rgb(45,35,151)
```
#3227a6
```
#3227a6 rgb(50,39,166)
```
#372bb6
```
#372bb6 rgb(55,43,182)
```
#3c2fc6
```
#3c2fc6 rgb(60,47,198)
```

Shade Color Variation

#4538d0
```
#4538d0 rgb(69,56,208)
```
#5448d4
```
#5448d4 rgb(84,72,212)
```
#6358d8
```
#6358d8 rgb(99,88,216)
```
#7268db
```
#7268db rgb(114,104,219)
```
#8178df
```
#8178df rgb(129,120,223)
```
#8f88e3
```
#8f88e3 rgb(143,136,227)
```
#9e97e7
```
#9e97e7 rgb(158,151,231)
```
#ada7ea
```
#ada7ea rgb(173,167,234)
```
#bcb7ee
```
#bcb7ee rgb(188,183,238)
```
#cbc7f2
```
#cbc7f2 rgb(203,199,242)
```
#dad7f6
```
#dad7f6 rgb(218,215,246)
```
#e8e7f9
```
#e8e7f9 rgb(232,231,249)
```
#f7f7fd
```
#f7f7fd rgb(247,247,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e8e8e is the less saturated color, while #3725f7 is the most saturated one.

#8e8e8e
```
#8e8e8e rgb(142,142,142)
```
#868597
```
#868597 rgb(134,133,151)
```
#7f7ca0
```
#7f7ca0 rgb(127,124,160)
```
#7873a9
```
#7873a9 rgb(120,115,169)
```
#716bb1
```
#716bb1 rgb(113,107,177)
```
#6a62ba
```
#6a62ba rgb(106,98,186)
```
#6259c3
```
#6259c3 rgb(98,89,195)
```
#5b51cb
```
#5b51cb rgb(91,81,203)
```
#5448d4
```
#5448d4 rgb(84,72,212)
```
#4d3fdd
```
#4d3fdd rgb(77,63,221)
```
#4637e5
```
#4637e5 rgb(70,55,229)
```
#3e2eee
```
#3e2eee rgb(62,46,238)
```
#3725f7
```
#3725f7 rgb(55,37,247)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#5a5874 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c2 Protanopia 1% of men
#0069a9 Deuteranopia 1% of men
#137078 Tritanopia 0.001% of the population

Trichromacy

#1e59c8 Protanomaly 1% of men, 0.01% of women
#1e5db9 Deuteranomaly 6% of men, 0.4% of women
#2b6199 Tritanomaly 0.01% of the population

#5448d4 hex color

#5448d4 Color Information

#5448d4 Color Conversion

Color Schemes with #5448d4

Alternatives to #5448d4

#5448d4 Preview

Shades and Tints of #5448d4

Tones of #5448d4

Color Blindness Simulator