#5470ca hex color

In a RGB color space, hex #5470ca is composed of 32.9% red, 43.9% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 58.4% cyan, 44.6% magenta, 0% yellow and 20.8% black. It has a hue angle of 225.8 degrees, a saturation of 52.7% and a lightness of 56.1%. #5470ca color hex could be obtained by blending #a8e0ff with #000095. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 44
- B 79
RGB color chart
- C 58
- M 45
- Y 0
- K 21
CMYK color chart

● #5470ca color description : Moderate blue.

The hexadecimal color #5470ca has RGB values of R:84, G:112, B:202 and CMYK values of C:0.58, M:0.45, Y:0, K:0.21. Its decimal value is 5533898.

Hex triplet	5470ca	`#5470ca`
RGB Decimal	84, 112, 202	`rgb(84,112,202)`
RGB Percent	32.9, 43.9, 79.2	`rgb(32.9%,43.9%,79.2%)`
CMYK	58, 45, 0, 21
HSL	225.8°, 52.7, 56.1	`hsl(225.8,52.7%,56.1%)`
HSV (or HSB)	225.8°, 58.4, 79.2
Web Safe	6666cc	`#6666cc`

CIE-LAB	49.175, 17.007, -49.977
XYZ	20.109, 17.736, 58.238
xyY	0.209, 0.185, 17.736
CIE-LCH	49.175, 52.791, 288.794
CIE-LUV	49.175, -14.902, -77.974
Hunter-Lab	42.115, 11.529, -52.508
Binary	01010100, 01110000, 11001010

#5470ca
```
#5470ca rgb(84,112,202)
```
#caae54
```
#caae54 rgb(202,174,84)
```

Complementary Color

#54abca
```
#54abca rgb(84,171,202)
```
#5470ca
```
#5470ca rgb(84,112,202)
```
#7354ca
```
#7354ca rgb(115,84,202)
```

Analogous Color

#abca54
```
#abca54 rgb(171,202,84)
```
#5470ca
```
#5470ca rgb(84,112,202)
```
#ca7354
```
#ca7354 rgb(202,115,84)
```

Split Complementary Color

#70ca54
```
#70ca54 rgb(112,202,84)
```
#5470ca
```
#5470ca rgb(84,112,202)
```
#ca5470
```
#ca5470 rgb(202,84,112)
```

Triadic Color

#54caae
```
#54caae rgb(84,202,174)
```
#5470ca
```
#5470ca rgb(84,112,202)
```
#ca5470
```
#ca5470 rgb(202,84,112)
```
#caae54
```
#caae54 rgb(202,174,84)
```

Tetradic Color

#324ca0
```
#324ca0 rgb(50,76,160)
```
#3855b3
```
#3855b3 rgb(56,85,179)
```
#4160c4
```
#4160c4 rgb(65,96,196)
```
#5470ca
```
#5470ca rgb(84,112,202)
```
#6780d0
```
#6780d0 rgb(103,128,208)
```
#7b91d6
```
#7b91d6 rgb(123,145,214)
```
#8ea1dc
```
#8ea1dc rgb(142,161,220)
```

Monochromatic Color

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

#548eca
```
#548eca rgb(84,142,202)
```
#5484ca
```
#5484ca rgb(84,132,202)
```
#547aca
```
#547aca rgb(84,122,202)
```
#5470ca
```
#5470ca rgb(84,112,202)
```
#5466ca
```
#5466ca rgb(84,102,202)
```
#545cca
```
#545cca rgb(84,92,202)
```
#5654ca
```
#5654ca rgb(86,84,202)
```

Similar Colors

Text with hexadecimal color #5470ca

This text has a font color of #5470ca.

<span style="color:#5470ca;">Text here</span>

#5470ca background color

This paragraph has a background color of #5470ca.

<p style="background-color:#5470ca;">Content here</p>

#5470ca border color

This element has a border color of #5470ca.

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

CSS codes

.text {color:#5470ca;}

.background {background-color:#5470ca;}

.border {border:1px solid #5470ca;}

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

#030409
```
#030409 rgb(3,4,9)
```
#070b18
```
#070b18 rgb(7,11,24)
```
#0c1227
```
#0c1227 rgb(12,18,39)
```
#111936
```
#111936 rgb(17,25,54)
```
#152045
```
#152045 rgb(21,32,69)
```
#1a2854
```
#1a2854 rgb(26,40,84)
```
#1f2f63
```
#1f2f63 rgb(31,47,99)
```
#233672
```
#233672 rgb(35,54,114)
```
#283d80
```
#283d80 rgb(40,61,128)
```
#2c448f
```
#2c448f rgb(44,68,143)
```
#314b9e
```
#314b9e rgb(49,75,158)
```
#3652ad
```
#3652ad rgb(54,82,173)
```
#3a59bc
```
#3a59bc rgb(58,89,188)
```

Shade Color Variation

#4563c5
```
#4563c5 rgb(69,99,197)
```
#5470ca
```
#5470ca rgb(84,112,202)
```
#637dcf
```
#637dcf rgb(99,125,207)
```
#7289d3
```
#7289d3 rgb(114,137,211)
```
#8196d8
```
#8196d8 rgb(129,150,216)
```
#90a2dd
```
#90a2dd rgb(144,162,221)
```
#9fafe1
```
#9fafe1 rgb(159,175,225)
```
#aebbe6
```
#aebbe6 rgb(174,187,230)
```
#bdc8ea
```
#bdc8ea rgb(189,200,234)
```
#ccd4ef
```
#ccd4ef rgb(204,212,239)
```
#dbe1f4
```
#dbe1f4 rgb(219,225,244)
```
#eaedf8
```
#eaedf8 rgb(234,237,248)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

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

#888b96
```
#888b96 rgb(136,139,150)
```
#7f879f
```
#7f879f rgb(127,135,159)
```
#7682a8
```
#7682a8 rgb(118,130,168)
```
#6e7eb0
```
#6e7eb0 rgb(110,126,176)
```
#6579b9
```
#6579b9 rgb(101,121,185)
```
#5d75c1
```
#5d75c1 rgb(93,117,193)
```
#5470ca
```
#5470ca rgb(84,112,202)
```
#4b6bd3
```
#4b6bd3 rgb(75,107,211)
```
#4367db
```
#4367db rgb(67,103,219)
```
#3a62e4
```
#3a62e4 rgb(58,98,228)
```
#325eec
```
#325eec rgb(50,94,236)
```
#2959f5
```
#2959f5 rgb(41,89,245)
```
#2055fe
```
#2055fe rgb(32,85,254)
```

Tone Color Variation

Below, you can see how #5470ca 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

#727272 Achromatopsia 0.005% of the population
#6c7284 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5179ce Protanopia 1% of men
#397dca Deuteranopia 1% of men
#3a868f Tritanopia 0.001% of the population

Trichromacy

#5275cc Protanomaly 1% of men, 0.01% of women
#4278ca Deuteranomaly 6% of men, 0.4% of women
#437ea5 Tritanomaly 0.01% of the population

#5470ca hex color

#5470ca Color Information

#5470ca Color Conversion

Color Schemes with #5470ca

Alternatives to #5470ca

#5470ca Preview

Shades and Tints of #5470ca

Tones of #5470ca

Color Blindness Simulator