#5475ca hex color

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

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

● #5475ca color description : Moderate blue.

The hexadecimal color #5475ca has RGB values of R:84, G:117, B:202 and CMYK values of C:0.58, M:0.42, Y:0, K:0.21. Its decimal value is 5535178.

Hex triplet	5475ca	`#5475ca`
RGB Decimal	84, 117, 202	`rgb(84,117,202)`
RGB Percent	32.9, 45.9, 79.2	`rgb(32.9%,45.9%,79.2%)`
CMYK	58, 42, 0, 21
HSL	223.2°, 52.7, 56.1	`hsl(223.2,52.7%,56.1%)`
HSV (or HSB)	223.2°, 58.4, 79.2
Web Safe	6666cc	`#6666cc`

CIE-LAB	50.535, 13.917, -47.806
XYZ	20.676, 18.871, 58.427
xyY	0.211, 0.193, 18.871
CIE-LCH	50.535, 49.791, 286.231
CIE-LUV	50.535, -16.547, -74.752
Hunter-Lab	43.44, 8.938, -49.336
Binary	01010100, 01110101, 11001010

#5475ca
```
#5475ca rgb(84,117,202)
```
#caa954
```
#caa954 rgb(202,169,84)
```

Complementary Color

#54b0ca
```
#54b0ca rgb(84,176,202)
```
#5475ca
```
#5475ca rgb(84,117,202)
```
#6e54ca
```
#6e54ca rgb(110,84,202)
```

Analogous Color

#b0ca54
```
#b0ca54 rgb(176,202,84)
```
#5475ca
```
#5475ca rgb(84,117,202)
```
#ca6e54
```
#ca6e54 rgb(202,110,84)
```

Split Complementary Color

#75ca54
```
#75ca54 rgb(117,202,84)
```
#5475ca
```
#5475ca rgb(84,117,202)
```
#ca5475
```
#ca5475 rgb(202,84,117)
```

Triadic Color

#54caa9
```
#54caa9 rgb(84,202,169)
```
#5475ca
```
#5475ca rgb(84,117,202)
```
#ca5475
```
#ca5475 rgb(202,84,117)
```
#caa954
```
#caa954 rgb(202,169,84)
```

Tetradic Color

#3250a0
```
#3250a0 rgb(50,80,160)
```
#385ab3
```
#385ab3 rgb(56,90,179)
```
#4165c4
```
#4165c4 rgb(65,101,196)
```
#5475ca
```
#5475ca rgb(84,117,202)
```
#6785d0
```
#6785d0 rgb(103,133,208)
```
#7b94d6
```
#7b94d6 rgb(123,148,214)
```
#8ea4dc
```
#8ea4dc rgb(142,164,220)
```

Monochromatic Color

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

#5493ca
```
#5493ca rgb(84,147,202)
```
#5489ca
```
#5489ca rgb(84,137,202)
```
#547fca
```
#547fca rgb(84,127,202)
```
#5475ca
```
#5475ca rgb(84,117,202)
```
#546bca
```
#546bca rgb(84,107,202)
```
#5461ca
```
#5461ca rgb(84,97,202)
```
#5458ca
```
#5458ca rgb(84,88,202)
```

Similar Colors

Text with hexadecimal color #5475ca

This text has a font color of #5475ca.

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

#5475ca background color

This paragraph has a background color of #5475ca.

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

#5475ca border color

This element has a border color of #5475ca.

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

CSS codes

.text {color:#5475ca;}

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

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

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)
```
#070c18
```
#070c18 rgb(7,12,24)
```
#0c1327
```
#0c1327 rgb(12,19,39)
```
#111b36
```
#111b36 rgb(17,27,54)
```
#152245
```
#152245 rgb(21,34,69)
```
#1a2a54
```
#1a2a54 rgb(26,42,84)
```
#1f3263
```
#1f3263 rgb(31,50,99)
```
#233972
```
#233972 rgb(35,57,114)
```
#284180
```
#284180 rgb(40,65,128)
```
#2c488f
```
#2c488f rgb(44,72,143)
```
#31509e
```
#31509e rgb(49,80,158)
```
#3657ad
```
#3657ad rgb(54,87,173)
```
#3a5fbc
```
#3a5fbc rgb(58,95,188)
```

Shade Color Variation

#4569c5
```
#4569c5 rgb(69,105,197)
```
#5475ca
```
#5475ca rgb(84,117,202)
```
#6381cf
```
#6381cf rgb(99,129,207)
```
#728dd3
```
#728dd3 rgb(114,141,211)
```
#8199d8
```
#8199d8 rgb(129,153,216)
```
#90a5dd
```
#90a5dd rgb(144,165,221)
```
#9fb1e1
```
#9fb1e1 rgb(159,177,225)
```
#aebee6
```
#aebee6 rgb(174,190,230)
```
#bdcaea
```
#bdcaea rgb(189,202,234)
```
#ccd6ef
```
#ccd6ef rgb(204,214,239)
```
#dbe2f4
```
#dbe2f4 rgb(219,226,244)
```
#eaeef8
```
#eaeef8 rgb(234,238,248)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

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

#888c96
```
#888c96 rgb(136,140,150)
```
#7f889f
```
#7f889f rgb(127,136,159)
```
#7684a8
```
#7684a8 rgb(118,132,168)
```
#6e80b0
```
#6e80b0 rgb(110,128,176)
```
#657db9
```
#657db9 rgb(101,125,185)
```
#5d79c1
```
#5d79c1 rgb(93,121,193)
```
#5475ca
```
#5475ca rgb(84,117,202)
```
#4b71d3
```
#4b71d3 rgb(75,113,211)
```
#436ddb
```
#436ddb rgb(67,109,219)
```
#3a6ae4
```
#3a6ae4 rgb(58,106,228)
```
#3266ec
```
#3266ec rgb(50,102,236)
```
#2962f5
```
#2962f5 rgb(41,98,245)
```
#205efe
```
#205efe rgb(32,94,254)
```

Tone Color Variation

Below, you can see how #5475ca 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
#6e7586 Atypical Achromatopsia 0.001% of the population

Dichromacy

#597ccd Protanopia 1% of men
#4580cb Deuteranopia 1% of men
#3c8993 Tritanopia 0.001% of the population

Trichromacy

#5779cc Protanomaly 1% of men, 0.01% of women
#4a7cca Deuteranomaly 6% of men, 0.4% of women
#4582a7 Tritanomaly 0.01% of the population

#5475ca hex color

#5475ca Color Information

#5475ca Color Conversion

Color Schemes with #5475ca

Alternatives to #5475ca

#5475ca Preview

Shades and Tints of #5475ca

Tones of #5475ca

Color Blindness Simulator