#5472df hex color

In a RGB color space, hex #5472df is composed of 32.9% red, 44.7% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 62.3% cyan, 48.9% magenta, 0% yellow and 12.5% black. It has a hue angle of 227.1 degrees, a saturation of 68.5% and a lightness of 60.2%. #5472df color hex could be obtained by blending #a8e4ff with #0000bf. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 45
- B 87
RGB color chart
- C 62
- M 49
- Y 0
- K 13
CMYK color chart

● #5472df color description : Soft blue.

The hexadecimal color #5472df has RGB values of R:84, G:114, B:223 and CMYK values of C:0.62, M:0.49, Y:0, K:0.13. Its decimal value is 5534431.

Hex triplet	5472df	`#5472df`
RGB Decimal	84, 114, 223	`rgb(84,114,223)`
RGB Percent	32.9, 44.7, 87.5	`rgb(32.9%,44.7%,87.5%)`
CMYK	62, 49, 0, 13
HSL	227.1°, 68.5, 60.2	`hsl(227.1,68.5%,60.2%)`
HSV (or HSB)	227.1°, 62.3, 87.5
Web Safe	6666cc	`#6666cc`

CIE-LAB	50.974, 22.853, -59.021
XYZ	22.99, 19.246, 72.311
xyY	0.201, 0.168, 19.246
CIE-LCH	50.974, 63.291, 291.166
CIE-LUV	50.974, -15.821, -93.21
Hunter-Lab	43.87, 16.769, -67.019
Binary	01010100, 01110010, 11011111

#5472df
```
#5472df rgb(84,114,223)
```
#dfc154
```
#dfc154 rgb(223,193,84)
```

Complementary Color

#54b8df
```
#54b8df rgb(84,184,223)
```
#5472df
```
#5472df rgb(84,114,223)
```
#7c54df
```
#7c54df rgb(124,84,223)
```

Analogous Color

#b8df54
```
#b8df54 rgb(184,223,84)
```
#5472df
```
#5472df rgb(84,114,223)
```
#df7c54
```
#df7c54 rgb(223,124,84)
```

Split Complementary Color

#72df54
```
#72df54 rgb(114,223,84)
```
#5472df
```
#5472df rgb(84,114,223)
```
#df5472
```
#df5472 rgb(223,84,114)
```

Triadic Color

#54dfc1
```
#54dfc1 rgb(84,223,193)
```
#5472df
```
#5472df rgb(84,114,223)
```
#df5472
```
#df5472 rgb(223,84,114)
```
#dfc154
```
#dfc154 rgb(223,193,84)
```

Tetradic Color

#2446c2
```
#2446c2 rgb(36,70,194)
```
#294fd7
```
#294fd7 rgb(41,79,215)
```
#3f60db
```
#3f60db rgb(63,96,219)
```
#5472df
```
#5472df rgb(84,114,223)
```
#6984e3
```
#6984e3 rgb(105,132,227)
```
#7f95e7
```
#7f95e7 rgb(127,149,231)
```
#94a7eb
```
#94a7eb rgb(148,167,235)
```

Monochromatic Color

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

#5495df
```
#5495df rgb(84,149,223)
```
#5489df
```
#5489df rgb(84,137,223)
```
#547edf
```
#547edf rgb(84,126,223)
```
#5472df
```
#5472df rgb(84,114,223)
```
#5466df
```
#5466df rgb(84,102,223)
```
#545bdf
```
#545bdf rgb(84,91,223)
```
#5954df
```
#5954df rgb(89,84,223)
```

Similar Colors

Text with hexadecimal color #5472df

This text has a font color of #5472df.

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

#5472df background color

This paragraph has a background color of #5472df.

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

#5472df border color

This element has a border color of #5472df.

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

CSS codes

.text {color:#5472df;}

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

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

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

#02040b
```
#02040b rgb(2,4,11)
```
#050a1b
```
#050a1b rgb(5,10,27)
```
#08102c
```
#08102c rgb(8,16,44)
```
#0b163c
```
#0b163c rgb(11,22,60)
```
#0e1c4d
```
#0e1c4d rgb(14,28,77)
```
#11225d
```
#11225d rgb(17,34,93)
```
#15286e
```
#15286e rgb(21,40,110)
```
#182e7e
```
#182e7e rgb(24,46,126)
```
#1b348f
```
#1b348f rgb(27,52,143)
```
#1e3a9f
```
#1e3a9f rgb(30,58,159)
```
#2140b0
```
#2140b0 rgb(33,64,176)
```
#2446c1
```
#2446c1 rgb(36,70,193)
```
#274cd1
```
#274cd1 rgb(39,76,209)
```

Shade Color Variation

#3357d9
```
#3357d9 rgb(51,87,217)
```
#4364dc
```
#4364dc rgb(67,100,220)
```
#5472df
```
#5472df rgb(84,114,223)
```
#6580e2
```
#6580e2 rgb(101,128,226)
```
#758de5
```
#758de5 rgb(117,141,229)
```
#869be8
```
#869be8 rgb(134,155,232)
```
#96a8eb
```
#96a8eb rgb(150,168,235)
```
#a7b6ee
```
#a7b6ee rgb(167,182,238)
```
#b7c4f2
```
#b7c4f2 rgb(183,196,242)
```
#c8d1f5
```
#c8d1f5 rgb(200,209,245)
```
#d8dff8
```
#d8dff8 rgb(216,223,248)
```
#e9edfb
```
#e9edfb rgb(233,237,251)
```
#f9fafe
```
#f9fafe rgb(249,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9295a1 is the less saturated color, while #3560fe is the most saturated one.

#9295a1
```
#9295a1 rgb(146,149,161)
```
#8b91a8
```
#8b91a8 rgb(139,145,168)
```
#838db0
```
#838db0 rgb(131,141,176)
```
#7b88b8
```
#7b88b8 rgb(123,136,184)
```
#7384c0
```
#7384c0 rgb(115,132,192)
```
#6b7fc8
```
#6b7fc8 rgb(107,127,200)
```
#647bcf
```
#647bcf rgb(100,123,207)
```
#5c76d7
```
#5c76d7 rgb(92,118,215)
```
#5472df
```
#5472df rgb(84,114,223)
```
#4c6ee7
```
#4c6ee7 rgb(76,110,231)
```
#4469ef
```
#4469ef rgb(68,105,239)
```
#3d65f6
```
#3d65f6 rgb(61,101,246)
```
#3560fe
```
#3560fe rgb(53,96,254)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#6e748a Atypical Achromatopsia 0.001% of the population

Dichromacy

#417ce3 Protanopia 1% of men
#0082d9 Deuteranopia 1% of men
#238c96 Tritanopia 0.001% of the population

Trichromacy

#4878e2 Protanomaly 1% of men, 0.01% of women
#1e7cdb Deuteranomaly 6% of men, 0.4% of women
#3482b0 Tritanomaly 0.01% of the population

#5472df hex color

#5472df Color Information

#5472df Color Conversion

Color Schemes with #5472df

Alternatives to #5472df

#5472df Preview

Shades and Tints of #5472df

Tones of #5472df

Color Blindness Simulator