#5474ed hex color

In a RGB color space, hex #5474ed is composed of 32.9% red, 45.5% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 64.6% cyan, 51.1% magenta, 0% yellow and 7.1% black. It has a hue angle of 227.5 degrees, a saturation of 81% and a lightness of 62.9%. #5474ed color hex could be obtained by blending #a8e8ff with #0000db. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 33
- G 45
- B 93
RGB color chart
- C 65
- M 51
- Y 0
- K 7
CMYK color chart

● #5474ed color description : Soft blue.

The hexadecimal color #5474ed has RGB values of R:84, G:116, B:237 and CMYK values of C:0.65, M:0.51, Y:0, K:0.07. Its decimal value is 5534957.

Hex triplet	5474ed	`#5474ed`
RGB Decimal	84, 116, 237	`rgb(84,116,237)`
RGB Percent	32.9, 45.5, 92.9	`rgb(32.9%,45.5%,92.9%)`
CMYK	65, 51, 0, 7
HSL	227.5°, 81, 62.9	`hsl(227.5,81%,62.9%)`
HSV (or HSB)	227.5°, 64.6, 92.9
Web Safe	6666ff	`#6666ff`

CIE-LAB	52.385, 26.381, -64.605
XYZ	25.184, 20.489, 82.744
xyY	0.196, 0.16, 20.489
CIE-LCH	52.385, 69.784, 292.213
CIE-LUV	52.385, -16.601, -102.708
Hunter-Lab	45.264, 20.102, -76.698
Binary	01010100, 01110100, 11101101

#5474ed
```
#5474ed rgb(84,116,237)
```
#edcd54
```
#edcd54 rgb(237,205,84)
```

Complementary Color

#54c1ed
```
#54c1ed rgb(84,193,237)
```
#5474ed
```
#5474ed rgb(84,116,237)
```
#8154ed
```
#8154ed rgb(129,84,237)
```

Analogous Color

#c1ed54
```
#c1ed54 rgb(193,237,84)
```
#5474ed
```
#5474ed rgb(84,116,237)
```
#ed8154
```
#ed8154 rgb(237,129,84)
```

Split Complementary Color

#74ed54
```
#74ed54 rgb(116,237,84)
```
#5474ed
```
#5474ed rgb(84,116,237)
```
#ed5474
```
#ed5474 rgb(237,84,116)
```

Triadic Color

#54edcd
```
#54edcd rgb(84,237,205)
```
#5474ed
```
#5474ed rgb(84,116,237)
```
#ed5474
```
#ed5474 rgb(237,84,116)
```
#edcd54
```
#edcd54 rgb(237,205,84)
```

Tetradic Color

#1741dd
```
#1741dd rgb(23,65,221)
```
#264ee8
```
#264ee8 rgb(38,78,232)
```
#3d61eb
```
#3d61eb rgb(61,97,235)
```
#5474ed
```
#5474ed rgb(84,116,237)
```
#6b87ef
```
#6b87ef rgb(107,135,239)
```
#829af2
```
#829af2 rgb(130,154,242)
```
#99acf4
```
#99acf4 rgb(153,172,244)
```

Monochromatic Color

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

#549aed
```
#549aed rgb(84,154,237)
```
#548eed
```
#548eed rgb(84,142,237)
```
#5481ed
```
#5481ed rgb(84,129,237)
```
#5474ed
```
#5474ed rgb(84,116,237)
```
#5467ed
```
#5467ed rgb(84,103,237)
```
#545bed
```
#545bed rgb(84,91,237)
```
#5a54ed
```
#5a54ed rgb(90,84,237)
```

Similar Colors

Text with hexadecimal color #5474ed

This text has a font color of #5474ed.

<span style="color:#5474ed;">Text here</span>

#5474ed background color

This paragraph has a background color of #5474ed.

<p style="background-color:#5474ed;">Content here</p>

#5474ed border color

This element has a border color of #5474ed.

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

CSS codes

.text {color:#5474ed;}

.background {background-color:#5474ed;}

.border {border:1px solid #5474ed;}

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

#010206
```
#010206 rgb(1,2,6)
```
#030718
```
#030718 rgb(3,7,24)
```
#040c2a
```
#040c2a rgb(4,12,42)
```
#06113c
```
#06113c rgb(6,17,60)
```
#08174d
```
#08174d rgb(8,23,77)
```
#0a1c5f
```
#0a1c5f rgb(10,28,95)
```
#0c2171
```
#0c2171 rgb(12,33,113)
```
#0e2683
```
#0e2683 rgb(14,38,131)
```
#102b94
```
#102b94 rgb(16,43,148)
```
#1131a6
```
#1131a6 rgb(17,49,166)
```
#1336b8
```
#1336b8 rgb(19,54,184)
```
#153bca
```
#153bca rgb(21,59,202)
```
#1740db
```
#1740db rgb(23,64,219)
```

Shade Color Variation

#1f49e7
```
#1f49e7 rgb(31,73,231)
```
#3157e9
```
#3157e9 rgb(49,87,233)
```
#4266eb
```
#4266eb rgb(66,102,235)
```
#5474ed
```
#5474ed rgb(84,116,237)
```
#6682ef
```
#6682ef rgb(102,130,239)
```
#7791f1
```
#7791f1 rgb(119,145,241)
```
#899ff3
```
#899ff3 rgb(137,159,243)
```
#9baef4
```
#9baef4 rgb(155,174,244)
```
#adbcf6
```
#adbcf6 rgb(173,188,246)
```
#becbf8
```
#becbf8 rgb(190,203,248)
```
#d0d9fa
```
#d0d9fa rgb(208,217,250)
```
#e2e7fc
```
#e2e7fc rgb(226,231,252)
```
#f4f6fe
```
#f4f6fe rgb(244,246,254)
```

Tint Color Variation

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

#9d9ea4
```
#9d9ea4 rgb(157,158,164)
```
#959aac
```
#959aac rgb(149,154,172)
```
#8e96b3
```
#8e96b3 rgb(142,150,179)
```
#8792ba
```
#8792ba rgb(135,146,186)
```
#808dc1
```
#808dc1 rgb(128,141,193)
```
#7889c9
```
#7889c9 rgb(120,137,201)
```
#7185d0
```
#7185d0 rgb(113,133,208)
```
#6a81d7
```
#6a81d7 rgb(106,129,215)
```
#637cde
```
#637cde rgb(99,124,222)
```
#5b78e6
```
#5b78e6 rgb(91,120,230)
```
#5474ed
```
#5474ed rgb(84,116,237)
```
#4d70f4
```
#4d70f4 rgb(77,112,244)
```
#456cfc
```
#456cfc rgb(69,108,252)
```

Tone Color Variation

Below, you can see how #5474ed 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

#787878 Achromatopsia 0.005% of the population
#71778f Atypical Achromatopsia 0.001% of the population

Dichromacy

#337ff2 Protanopia 1% of men
#0086dd Deuteranopia 1% of men
#00909a Tritanopia 0.001% of the population

Trichromacy

#3f7bf0 Protanomaly 1% of men, 0.01% of women
#1e7fe3 Deuteranomaly 6% of men, 0.4% of women
#1e86b8 Tritanomaly 0.01% of the population

#5474ed hex color

#5474ed Color Information

#5474ed Color Conversion

Color Schemes with #5474ed

Alternatives to #5474ed

#5474ed Preview

Shades and Tints of #5474ed

Tones of #5474ed

Color Blindness Simulator