#5472fc hex color

In a RGB color space, hex #5472fc is composed of 32.9% red, 44.7% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 54.8% magenta, 0% yellow and 1.2% black. It has a hue angle of 229.3 degrees, a saturation of 96.6% and a lightness of 65.9%. #5472fc color hex could be obtained by blending #a8e4ff with #0000f9. Closest websafe color is: #6666ff.

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

● #5472fc color description : Soft blue.

The hexadecimal color #5472fc has RGB values of R:84, G:114, B:252 and CMYK values of C:0.67, M:0.55, Y:0, K:0.01. Its decimal value is 5534460.

Hex triplet	5472fc	`#5472fc`
RGB Decimal	84, 114, 252	`rgb(84,114,252)`
RGB Percent	32.9, 44.7, 98.8	`rgb(32.9%,44.7%,98.8%)`
CMYK	67, 55, 0, 1
HSL	229.3°, 96.6, 65.9	`hsl(229.3,96.6%,65.9%)`
HSV (or HSB)	229.3°, 66.7, 98.8
Web Safe	6666ff	`#6666ff`

CIE-LAB	52.89, 32.715, -72.131
XYZ	27.241, 20.946, 94.698
xyY	0.191, 0.147, 20.946
CIE-LCH	52.89, 79.203, 294.397
CIE-LUV	52.89, -16.259, -114.801
Hunter-Lab	45.767, 26.151, -90.642
Binary	01010100, 01110010, 11111100

#5472fc
```
#5472fc rgb(84,114,252)
```
#fcde54
```
#fcde54 rgb(252,222,84)
```

Complementary Color

#54c6fc
```
#54c6fc rgb(84,198,252)
```
#5472fc
```
#5472fc rgb(84,114,252)
```
#8a54fc
```
#8a54fc rgb(138,84,252)
```

Analogous Color

#c6fc54
```
#c6fc54 rgb(198,252,84)
```
#5472fc
```
#5472fc rgb(84,114,252)
```
#fc8a54
```
#fc8a54 rgb(252,138,84)
```

Split Complementary Color

#72fc54
```
#72fc54 rgb(114,252,84)
```
#5472fc
```
#5472fc rgb(84,114,252)
```
#fc5472
```
#fc5472 rgb(252,84,114)
```

Triadic Color

#54fcde
```
#54fcde rgb(84,252,222)
```
#5472fc
```
#5472fc rgb(84,114,252)
```
#fc5472
```
#fc5472 rgb(252,84,114)
```
#fcde54
```
#fcde54 rgb(252,222,84)
```

Tetradic Color

#0934fb
```
#0934fb rgb(9,52,251)
```
#2249fb
```
#2249fb rgb(34,73,251)
```
#3b5dfc
```
#3b5dfc rgb(59,93,252)
```
#5472fc
```
#5472fc rgb(84,114,252)
```
#6d87fc
```
#6d87fc rgb(109,135,252)
```
#869bfd
```
#869bfd rgb(134,155,253)
```
#9fb0fd
```
#9fb0fd rgb(159,176,253)
```

Monochromatic Color

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

#549cfc
```
#549cfc rgb(84,156,252)
```
#548efc
```
#548efc rgb(84,142,252)
```
#5480fc
```
#5480fc rgb(84,128,252)
```
#5472fc
```
#5472fc rgb(84,114,252)
```
#5464fc
```
#5464fc rgb(84,100,252)
```
#5456fc
```
#5456fc rgb(84,86,252)
```
#6054fc
```
#6054fc rgb(96,84,252)
```

Similar Colors

Text with hexadecimal color #5472fc

This text has a font color of #5472fc.

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

#5472fc background color

This paragraph has a background color of #5472fc.

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

#5472fc border color

This element has a border color of #5472fc.

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

CSS codes

.text {color:#5472fc;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#000416
```
#000416 rgb(0,4,22)
```
#010829
```
#010829 rgb(1,8,41)
```
#010c3c
```
#010c3c rgb(1,12,60)
```
#010f50
```
#010f50 rgb(1,15,80)
```
#021363
```
#021363 rgb(2,19,99)
```
#021776
```
#021776 rgb(2,23,118)
```
#021b89
```
#021b89 rgb(2,27,137)
```
#031e9d
```
#031e9d rgb(3,30,157)
```
#0322b0
```
#0322b0 rgb(3,34,176)
```
#0326c3
```
#0326c3 rgb(3,38,195)
```
#0429d7
```
#0429d7 rgb(4,41,215)
```
#042dea
```
#042dea rgb(4,45,234)
```

Shade Color Variation

#0732fb
```
#0732fb rgb(7,50,251)
```
#1a42fb
```
#1a42fb rgb(26,66,251)
```
#2d52fb
```
#2d52fb rgb(45,82,251)
```
#4162fc
```
#4162fc rgb(65,98,252)
```
#5472fc
```
#5472fc rgb(84,114,252)
```
#6782fc
```
#6782fc rgb(103,130,252)
```
#7b92fd
```
#7b92fd rgb(123,146,253)
```
#8ea2fd
```
#8ea2fd rgb(142,162,253)
```
#a1b2fd
```
#a1b2fd rgb(161,178,253)
```
#b4c1fe
```
#b4c1fe rgb(180,193,254)
```
#c8d1fe
```
#c8d1fe rgb(200,209,254)
```
#dbe1fe
```
#dbe1fe rgb(219,225,254)
```
#eef1ff
```
#eef1ff rgb(238,241,255)
```

Tint Color Variation

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

#a4a6ac
```
#a4a6ac rgb(164,166,172)
```
#9ea1b2
```
#9ea1b2 rgb(158,161,178)
```
#979db9
```
#979db9 rgb(151,157,185)
```
#9099c0
```
#9099c0 rgb(144,153,192)
```
#8a94c6
```
#8a94c6 rgb(138,148,198)
```
#8390cd
```
#8390cd rgb(131,144,205)
```
#7c8cd4
```
#7c8cd4 rgb(124,140,212)
```
#7588db
```
#7588db rgb(117,136,219)
```
#6f83e1
```
#6f83e1 rgb(111,131,225)
```
#687fe8
```
#687fe8 rgb(104,127,232)
```
#617bef
```
#617bef rgb(97,123,239)
```
#5b76f5
```
#5b76f5 rgb(91,118,245)
```
#5472fc
```
#5472fc rgb(84,114,252)
```

Tone Color Variation

Below, you can see how #5472fc 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

#797979 Achromatopsia 0.005% of the population
#727893 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0080fc Protanopia 1% of men
#0087de Deuteranopia 1% of men
#00919b Tritanopia 0.001% of the population

Trichromacy

#1e7bfc Protanomaly 1% of men, 0.01% of women
#1e7fe8 Deuteranomaly 6% of men, 0.4% of women
#1e86be Tritanomaly 0.01% of the population

#5472fc hex color

#5472fc Color Information

#5472fc Color Conversion

Color Schemes with #5472fc

Alternatives to #5472fc

#5472fc Preview

Shades and Tints of #5472fc

Tones of #5472fc

Color Blindness Simulator