#5448c8 hex color

In a RGB color space, hex #5448c8 is composed of 32.9% red, 28.2% green and 78.4% blue. Whereas in a CMYK color space, it is composed of 58% cyan, 64% magenta, 0% yellow and 21.6% black. It has a hue angle of 245.6 degrees, a saturation of 53.8% and a lightness of 53.3%. #5448c8 color hex could be obtained by blending #a890ff with #000091. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 28
- B 78
RGB color chart
- C 58
- M 64
- Y 0
- K 22
CMYK color chart

● #5448c8 color description : Moderate blue.

The hexadecimal color #5448c8 has RGB values of R:84, G:72, B:200 and CMYK values of C:0.58, M:0.64, Y:0, K:0.22. Its decimal value is 5523656.

Hex triplet	5448c8	`#5448c8`
RGB Decimal	84, 72, 200	`rgb(84,72,200)`
RGB Percent	32.9, 28.2, 78.4	`rgb(32.9%,28.2%,78.4%)`
CMYK	58, 64, 0, 22
HSL	245.6°, 53.8, 53.3	`hsl(245.6,53.8%,53.3%)`
HSV (or HSB)	245.6°, 64, 78.4
Web Safe	6633cc	`#6633cc`

CIE-LAB	39.052, 41.049, -65.171
XYZ	16.397, 10.689, 55.84
xyY	0.198, 0.129, 10.689
CIE-LCH	39.052, 77.021, 302.206
CIE-LUV	39.052, -3.715, -95.892
Hunter-Lab	32.694, 32.307, -78.378
Binary	01010100, 01001000, 11001000

#5448c8
```
#5448c8 rgb(84,72,200)
```
#bcc848
```
#bcc848 rgb(188,200,72)
```

Complementary Color

#487cc8
```
#487cc8 rgb(72,124,200)
```
#5448c8
```
#5448c8 rgb(84,72,200)
```
#9448c8
```
#9448c8 rgb(148,72,200)
```

Analogous Color

#7cc848
```
#7cc848 rgb(124,200,72)
```
#5448c8
```
#5448c8 rgb(84,72,200)
```
#c89448
```
#c89448 rgb(200,148,72)
```

Split Complementary Color

#48c854
```
#48c854 rgb(72,200,84)
```
#5448c8
```
#5448c8 rgb(84,72,200)
```
#c85448
```
#c85448 rgb(200,84,72)
```

Triadic Color

#48bcc8
```
#48bcc8 rgb(72,188,200)
```
#5448c8
```
#5448c8 rgb(84,72,200)
```
#c85448
```
#c85448 rgb(200,84,72)
```
#bcc848
```
#bcc848 rgb(188,200,72)
```

Tetradic Color

#372d96
```
#372d96 rgb(55,45,150)
```
#3e33aa
```
#3e33aa rgb(62,51,170)
```
#4539be
```
#4539be rgb(69,57,190)
```
#5448c8
```
#5448c8 rgb(84,72,200)
```
#665cce
```
#665cce rgb(102,92,206)
```
#796fd4
```
#796fd4 rgb(121,111,212)
```
#8b83da
```
#8b83da rgb(139,131,218)
```

Monochromatic Color

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

#485cc8
```
#485cc8 rgb(72,92,200)
```
#4851c8
```
#4851c8 rgb(72,81,200)
```
#4948c8
```
#4948c8 rgb(73,72,200)
```
#5448c8
```
#5448c8 rgb(84,72,200)
```
#5f48c8
```
#5f48c8 rgb(95,72,200)
```
#6948c8
```
#6948c8 rgb(105,72,200)
```
#7448c8
```
#7448c8 rgb(116,72,200)
```

Similar Colors

Text with hexadecimal color #5448c8

This text has a font color of #5448c8.

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

#5448c8 background color

This paragraph has a background color of #5448c8.

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

#5448c8 border color

This element has a border color of #5448c8.

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

CSS codes

.text {color:#5448c8;}

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

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

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

#05040d
```
#05040d rgb(5,4,13)
```
#0a081c
```
#0a081c rgb(10,8,28)
```
#100d2b
```
#100d2b rgb(16,13,43)
```
#15123a
```
#15123a rgb(21,18,58)
```
#1b1649
```
#1b1649 rgb(27,22,73)
```
#201b58
```
#201b58 rgb(32,27,88)
```
#261f68
```
#261f68 rgb(38,31,104)
```
#2b2477
```
#2b2477 rgb(43,36,119)
```
#312886
```
#312886 rgb(49,40,134)
```
#362d95
```
#362d95 rgb(54,45,149)
```
#3c31a4
```
#3c31a4 rgb(60,49,164)
```
#4236b3
```
#4236b3 rgb(66,54,179)
```
#473ac2
```
#473ac2 rgb(71,58,194)
```

Shade Color Variation

#5448c8
```
#5448c8 rgb(84,72,200)
```
#6257cd
```
#6257cd rgb(98,87,205)
```
#7066d1
```
#7066d1 rgb(112,102,209)
```
#7e75d6
```
#7e75d6 rgb(126,117,214)
```
#8c84da
```
#8c84da rgb(140,132,218)
```
#9a93df
```
#9a93df rgb(154,147,223)
```
#a9a2e3
```
#a9a2e3 rgb(169,162,227)
```
#b7b2e8
```
#b7b2e8 rgb(183,178,232)
```
#c5c1ec
```
#c5c1ec rgb(197,193,236)
```
#d3d0f1
```
#d3d0f1 rgb(211,208,241)
```
#e1dff5
```
#e1dff5 rgb(225,223,245)
```
#efeefa
```
#efeefa rgb(239,238,250)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #817f91 is the less saturated color, while #2711ff is the most saturated one.

#817f91
```
#817f91 rgb(129,127,145)
```
#79769a
```
#79769a rgb(121,118,154)
```
#726da3
```
#726da3 rgb(114,109,163)
```
#6a63ad
```
#6a63ad rgb(106,99,173)
```
#635ab6
```
#635ab6 rgb(99,90,182)
```
#5b51bf
```
#5b51bf rgb(91,81,191)
```
#5448c8
```
#5448c8 rgb(84,72,200)
```
#4d3fd1
```
#4d3fd1 rgb(77,63,209)
```
#4536da
```
#4536da rgb(69,54,218)
```
#3e2de3
```
#3e2de3 rgb(62,45,227)
```
#3623ed
```
#3623ed rgb(54,35,237)
```
#2f1af6
```
#2f1af6 rgb(47,26,246)
```
#2711ff
```
#2711ff rgb(39,17,255)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#595670 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061be Protanopia 1% of men
#0066a6 Deuteranopia 1% of men
#2b6c74 Tritanopia 0.001% of the population

Trichromacy

#1e58c1 Protanomaly 1% of men, 0.01% of women
#1e5bb2 Deuteranomaly 6% of men, 0.4% of women
#3a5f93 Tritanomaly 0.01% of the population

#5448c8 hex color

#5448c8 Color Information

#5448c8 Color Conversion

Color Schemes with #5448c8

Alternatives to #5448c8

#5448c8 Preview

Shades and Tints of #5448c8

Tones of #5448c8

Color Blindness Simulator