#5448fd hex color

In a RGB color space, hex #5448fd is composed of 32.9% red, 28.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 66.8% cyan, 71.5% magenta, 0% yellow and 0.8% black. It has a hue angle of 244 degrees, a saturation of 97.8% and a lightness of 63.7%. #5448fd color hex could be obtained by blending #a890ff with #0000fb. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 33
- G 28
- B 99
RGB color chart
- C 67
- M 72
- Y 0
- K 1
CMYK color chart

● #5448fd color description : Bright blue.

The hexadecimal color #5448fd has RGB values of R:84, G:72, B:253 and CMYK values of C:0.67, M:0.72, Y:0, K:0.01. Its decimal value is 5523709.

Hex triplet	5448fd	`#5448fd`
RGB Decimal	84, 72, 253	`rgb(84,72,253)`
RGB Percent	32.9, 28.2, 99.2	`rgb(32.9%,28.2%,99.2%)`
CMYK	67, 72, 0, 1
HSL	244°, 97.8, 63.7	`hsl(244,97.8%,63.7%)`
HSV (or HSB)	244°, 71.5, 99.2
Web Safe	6633ff	`#6633ff`

CIE-LAB	43.669, 57.513, -87.764
XYZ	23.7, 13.61, 94.301
xyY	0.18, 0.103, 13.61
CIE-LCH	43.669, 104.93, 303.238
CIE-LUV	43.669, -6.946, -129.724
Hunter-Lab	36.892, 50.109, -125.729
Binary	01010100, 01001000, 11111101

#5448fd
```
#5448fd rgb(84,72,253)
```
#f1fd48
```
#f1fd48 rgb(241,253,72)
```

Complementary Color

#4897fd
```
#4897fd rgb(72,151,253)
```
#5448fd
```
#5448fd rgb(84,72,253)
```
#af48fd
```
#af48fd rgb(175,72,253)
```

Analogous Color

#97fd48
```
#97fd48 rgb(151,253,72)
```
#5448fd
```
#5448fd rgb(84,72,253)
```
#fdaf48
```
#fdaf48 rgb(253,175,72)
```

Split Complementary Color

#48fd54
```
#48fd54 rgb(72,253,84)
```
#5448fd
```
#5448fd rgb(84,72,253)
```
#fd5448
```
#fd5448 rgb(253,84,72)
```

Triadic Color

#48f1fd
```
#48f1fd rgb(72,241,253)
```
#5448fd
```
#5448fd rgb(84,72,253)
```
#fd5448
```
#fd5448 rgb(253,84,72)
```
#f1fd48
```
#f1fd48 rgb(241,253,72)
```

Tetradic Color

#1303f6
```
#1303f6 rgb(19,3,246)
```
#2516fc
```
#2516fc rgb(37,22,252)
```
#3c2ffd
```
#3c2ffd rgb(60,47,253)
```
#5448fd
```
#5448fd rgb(84,72,253)
```
#6c61fd
```
#6c61fd rgb(108,97,253)
```
#837afe
```
#837afe rgb(131,122,254)
```
#9b94fe
```
#9b94fe rgb(155,148,254)
```

Monochromatic Color

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

#4869fd
```
#4869fd rgb(72,105,253)
```
#485afd
```
#485afd rgb(72,90,253)
```
#484bfd
```
#484bfd rgb(72,75,253)
```
#5448fd
```
#5448fd rgb(84,72,253)
```
#6348fd
```
#6348fd rgb(99,72,253)
```
#7248fd
```
#7248fd rgb(114,72,253)
```
#8148fd
```
#8148fd rgb(129,72,253)
```

Similar Colors

Text with hexadecimal color #5448fd

This text has a font color of #5448fd.

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

#5448fd background color

This paragraph has a background color of #5448fd.

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

#5448fd border color

This element has a border color of #5448fd.

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

CSS codes

.text {color:#5448fd;}

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

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

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, #01000b is the darkest color, while #f7f7ff is the lightest one.

#01000b
```
#01000b rgb(1,0,11)
```
#02001e
```
#02001e rgb(2,0,30)
```
#040132
```
#040132 rgb(4,1,50)
```
#050145
```
#050145 rgb(5,1,69)
```
#070159
```
#070159 rgb(7,1,89)
```
#08016c
```
#08016c rgb(8,1,108)
```
#0a017f
```
#0a017f rgb(10,1,127)
```
#0b0293
```
#0b0293 rgb(11,2,147)
```
#0d02a6
```
#0d02a6 rgb(13,2,166)
```
#0e02ba
```
#0e02ba rgb(14,2,186)
```
#1002cd
```
#1002cd rgb(16,2,205)
```
#1102e0
```
#1102e0 rgb(17,2,224)
```
#1303f4
```
#1303f4 rgb(19,3,244)
```

Shade Color Variation

#1e0efc
```
#1e0efc rgb(30,14,252)
```
#3021fd
```
#3021fd rgb(48,33,253)
```
#4235fd
```
#4235fd rgb(66,53,253)
```
#5448fd
```
#5448fd rgb(84,72,253)
```
#665bfd
```
#665bfd rgb(102,91,253)
```
#786ffd
```
#786ffd rgb(120,111,253)
```
#8a82fe
```
#8a82fe rgb(138,130,254)
```
#9d96fe
```
#9d96fe rgb(157,150,254)
```
#afa9fe
```
#afa9fe rgb(175,169,254)
```
#c1bcfe
```
#c1bcfe rgb(193,188,254)
```
#d3d0fe
```
#d3d0fe rgb(211,208,254)
```
#e5e3ff
```
#e5e3ff rgb(229,227,255)
```
#f7f7ff
```
#f7f7ff rgb(247,247,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9e9da8 is the less saturated color, while #5448fd is the most saturated one.

#9e9da8
```
#9e9da8 rgb(158,157,168)
```
#9896af
```
#9896af rgb(152,150,175)
```
#928fb6
```
#928fb6 rgb(146,143,182)
```
#8c88bd
```
#8c88bd rgb(140,136,189)
```
#8581c4
```
#8581c4 rgb(133,129,196)
```
#7f7acb
```
#7f7acb rgb(127,122,203)
```
#7973d2
```
#7973d2 rgb(121,115,210)
```
#736cd9
```
#736cd9 rgb(115,108,217)
```
#6d64e1
```
#6d64e1 rgb(109,100,225)
```
#675de8
```
#675de8 rgb(103,93,232)
```
#6056ef
```
#6056ef rgb(96,86,239)
```
#5a4ff6
```
#5a4ff6 rgb(90,79,246)
```
#5448fd
```
#5448fd rgb(84,72,253)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#5e5b7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd1 Protanopia 1% of men
#0072b6 Deuteranopia 1% of men
#007a81 Tritanopia 0.001% of the population

Trichromacy

#1e5ee1 Protanomaly 1% of men, 0.01% of women
#1e62d0 Deuteranomaly 6% of men, 0.4% of women
#1e67ae Tritanomaly 0.01% of the population

#5448fd hex color

#5448fd Color Information

#5448fd Color Conversion

Color Schemes with #5448fd

Alternatives to #5448fd

#5448fd Preview

Shades and Tints of #5448fd

Tones of #5448fd

Color Blindness Simulator