#5448fc hex color

In a RGB color space, hex #5448fc is composed of 32.9% red, 28.2% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 71.4% magenta, 0% yellow and 1.2% black. It has a hue angle of 244 degrees, a saturation of 96.8% and a lightness of 63.5%. #5448fc color hex could be obtained by blending #a890ff with #0000f9. Closest websafe color is: #6633ff.

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

● #5448fc color description : Bright blue.

The hexadecimal color #5448fc has RGB values of R:84, G:72, B:252 and CMYK values of C:0.67, M:0.71, Y:0, K:0.01. Its decimal value is 5523708.

Hex triplet	5448fc	`#5448fc`
RGB Decimal	84, 72, 252	`rgb(84,72,252)`
RGB Percent	32.9, 28.2, 98.8	`rgb(32.9%,28.2%,98.8%)`
CMYK	67, 71, 0, 1
HSL	244°, 96.8, 63.5	`hsl(244,96.8%,63.5%)`
HSV (or HSB)	244°, 71.4, 98.8
Web Safe	6633ff	`#6633ff`

CIE-LAB	43.576, 57.209, -87.359
XYZ	23.541, 13.547, 93.464
xyY	0.18, 0.104, 13.547
CIE-LCH	43.576, 104.424, 303.22
CIE-LUV	43.576, -6.89, -129.117
Hunter-Lab	36.806, 49.758, -124.797
Binary	01010100, 01001000, 11111100

#5448fc
```
#5448fc rgb(84,72,252)
```
#f0fc48
```
#f0fc48 rgb(240,252,72)
```

Complementary Color

#4896fc
```
#4896fc rgb(72,150,252)
```
#5448fc
```
#5448fc rgb(84,72,252)
```
#ae48fc
```
#ae48fc rgb(174,72,252)
```

Analogous Color

#96fc48
```
#96fc48 rgb(150,252,72)
```
#5448fc
```
#5448fc rgb(84,72,252)
```
#fcae48
```
#fcae48 rgb(252,174,72)
```

Split Complementary Color

#48fc54
```
#48fc54 rgb(72,252,84)
```
#5448fc
```
#5448fc rgb(84,72,252)
```
#fc5448
```
#fc5448 rgb(252,84,72)
```

Triadic Color

#48f0fc
```
#48f0fc rgb(72,240,252)
```
#5448fc
```
#5448fc rgb(84,72,252)
```
#fc5448
```
#fc5448 rgb(252,84,72)
```
#f0fc48
```
#f0fc48 rgb(240,252,72)
```

Tetradic Color

#1404f4
```
#1404f4 rgb(20,4,244)
```
#2516fb
```
#2516fb rgb(37,22,251)
```
#3d2ffc
```
#3d2ffc rgb(61,47,252)
```
#5448fc
```
#5448fc rgb(84,72,252)
```
#6b61fc
```
#6b61fc rgb(107,97,252)
```
#837afd
```
#837afd rgb(131,122,253)
```
#9a93fd
```
#9a93fd rgb(154,147,253)
```

Monochromatic Color

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

#4869fc
```
#4869fc rgb(72,105,252)
```
#485afc
```
#485afc rgb(72,90,252)
```
#484bfc
```
#484bfc rgb(72,75,252)
```
#5448fc
```
#5448fc rgb(84,72,252)
```
#6348fc
```
#6348fc rgb(99,72,252)
```
#7248fc
```
#7248fc rgb(114,72,252)
```
#8148fc
```
#8148fc rgb(129,72,252)
```

Similar Colors

Text with hexadecimal color #5448fc

This text has a font color of #5448fc.

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

#5448fc background color

This paragraph has a background color of #5448fc.

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

#5448fc border color

This element has a border color of #5448fc.

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

CSS codes

.text {color:#5448fc;}

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

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

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

#01000a
```
#01000a rgb(1,0,10)
```
#02001d
```
#02001d rgb(2,0,29)
```
#040131
```
#040131 rgb(4,1,49)
```
#060144
```
#060144 rgb(6,1,68)
```
#070157
```
#070157 rgb(7,1,87)
```
#09026a
```
#09026a rgb(9,2,106)
```
#0a027e
```
#0a027e rgb(10,2,126)
```
#0c0291
```
#0c0291 rgb(12,2,145)
```
#0d03a4
```
#0d03a4 rgb(13,3,164)
```
#0f03b8
```
#0f03b8 rgb(15,3,184)
```
#1103cb
```
#1103cb rgb(17,3,203)
```
#1204de
```
#1204de rgb(18,4,222)
```
#1404f2
```
#1404f2 rgb(20,4,242)
```

Shade Color Variation

#1e0efb
```
#1e0efb rgb(30,14,251)
```
#3021fb
```
#3021fb rgb(48,33,251)
```
#4235fc
```
#4235fc rgb(66,53,252)
```
#5448fc
```
#5448fc rgb(84,72,252)
```
#665bfc
```
#665bfc rgb(102,91,252)
```
#786ffd
```
#786ffd rgb(120,111,253)
```
#8a82fd
```
#8a82fd rgb(138,130,253)
```
#9c95fd
```
#9c95fd rgb(156,149,253)
```
#aea8fe
```
#aea8fe rgb(174,168,254)
```
#c0bcfe
```
#c0bcfe rgb(192,188,254)
```
#d2cffe
```
#d2cffe rgb(210,207,254)
```
#e4e2ff
```
#e4e2ff rgb(228,226,255)
```
#f6f6ff
```
#f6f6ff rgb(246,246,255)
```

Tint Color Variation

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

#9e9ea6
```
#9e9ea6 rgb(158,158,166)
```
#9897ad
```
#9897ad rgb(152,151,173)
```
#9290b4
```
#9290b4 rgb(146,144,180)
```
#8c88bc
```
#8c88bc rgb(140,136,188)
```
#8681c3
```
#8681c3 rgb(134,129,195)
```
#7f7aca
```
#7f7aca rgb(127,122,202)
```
#7973d1
```
#7973d1 rgb(121,115,209)
```
#736cd8
```
#736cd8 rgb(115,108,216)
```
#6d65df
```
#6d65df rgb(109,101,223)
```
#675de7
```
#675de7 rgb(103,93,231)
```
#6056ee
```
#6056ee rgb(96,86,238)
```
#5a4ff5
```
#5a4ff5 rgb(90,79,245)
```
#5448fc
```
#5448fc rgb(84,72,252)
```

Tone Color Variation

Below, you can see how #5448fc 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
#0071b6 Deuteranopia 1% of men
#007981 Tritanopia 0.001% of the population

Trichromacy

#1e5ee0 Protanomaly 1% of men, 0.01% of women
#1e62cf Deuteranomaly 6% of men, 0.4% of women
#1e67ad Tritanomaly 0.01% of the population

#5448fc hex color

#5448fc Color Information

#5448fc Color Conversion

Color Schemes with #5448fc

Alternatives to #5448fc

#5448fc Preview

Shades and Tints of #5448fc

Tones of #5448fc

Color Blindness Simulator