#5474ee hex color

In a RGB color space, hex #5474ee is composed of 32.9% red, 45.5% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 64.7% cyan, 51.3% magenta, 0% yellow and 6.7% black. It has a hue angle of 227.5 degrees, a saturation of 81.9% and a lightness of 63.1%. #5474ee color hex could be obtained by blending #a8e8ff with #0000dd. 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

● #5474ee color description : Soft blue.

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

Hex triplet	5474ee	`#5474ee`
RGB Decimal	84, 116, 238	`rgb(84,116,238)`
RGB Percent	32.9, 45.5, 93.3	`rgb(32.9%,45.5%,93.3%)`
CMYK	65, 51, 0, 7
HSL	227.5°, 81.9, 63.1	`hsl(227.5,81.9%,63.1%)`
HSV (or HSB)	227.5°, 64.7, 93.3
Web Safe	6666ff	`#6666ff`

CIE-LAB	52.45, 26.722, -65.058
XYZ	25.331, 20.547, 83.515
xyY	0.196, 0.159, 20.547
CIE-LCH	52.45, 70.333, 292.33
CIE-LUV	52.45, -16.614, -103.458
Hunter-Lab	45.329, 20.424, -77.507
Binary	01010100, 01110100, 11101110

#5474ee
```
#5474ee rgb(84,116,238)
```
#eece54
```
#eece54 rgb(238,206,84)
```

Complementary Color

#54c1ee
```
#54c1ee rgb(84,193,238)
```
#5474ee
```
#5474ee rgb(84,116,238)
```
#8154ee
```
#8154ee rgb(129,84,238)
```

Analogous Color

#c1ee54
```
#c1ee54 rgb(193,238,84)
```
#5474ee
```
#5474ee rgb(84,116,238)
```
#ee8154
```
#ee8154 rgb(238,129,84)
```

Split Complementary Color

#74ee54
```
#74ee54 rgb(116,238,84)
```
#5474ee
```
#5474ee rgb(84,116,238)
```
#ee5474
```
#ee5474 rgb(238,84,116)
```

Triadic Color

#54eece
```
#54eece rgb(84,238,206)
```
#5474ee
```
#5474ee rgb(84,116,238)
```
#ee5474
```
#ee5474 rgb(238,84,116)
```
#eece54
```
#eece54 rgb(238,206,84)
```

Tetradic Color

#1640df
```
#1640df rgb(22,64,223)
```
#264ee9
```
#264ee9 rgb(38,78,233)
```
#3d61ec
```
#3d61ec rgb(61,97,236)
```
#5474ee
```
#5474ee rgb(84,116,238)
```
#6b87f0
```
#6b87f0 rgb(107,135,240)
```
#829af3
```
#829af3 rgb(130,154,243)
```
#9aadf5
```
#9aadf5 rgb(154,173,245)
```

Monochromatic Color

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

#549bee
```
#549bee rgb(84,155,238)
```
#548eee
```
#548eee rgb(84,142,238)
```
#5481ee
```
#5481ee rgb(84,129,238)
```
#5474ee
```
#5474ee rgb(84,116,238)
```
#5467ee
```
#5467ee rgb(84,103,238)
```
#545aee
```
#545aee rgb(84,90,238)
```
#5a54ee
```
#5a54ee rgb(90,84,238)
```

Similar Colors

Text with hexadecimal color #5474ee

This text has a font color of #5474ee.

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

#5474ee background color

This paragraph has a background color of #5474ee.

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

#5474ee border color

This element has a border color of #5474ee.

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

CSS codes

.text {color:#5474ee;}

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

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

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

#010207
```
#010207 rgb(1,2,7)
```
#030719
```
#030719 rgb(3,7,25)
```
#040c2b
```
#040c2b rgb(4,12,43)
```
#06113d
```
#06113d rgb(6,17,61)
```
#08174f
```
#08174f rgb(8,23,79)
```
#0a1c61
```
#0a1c61 rgb(10,28,97)
```
#0b2172
```
#0b2172 rgb(11,33,114)
```
#0d2684
```
#0d2684 rgb(13,38,132)
```
#0f2b96
```
#0f2b96 rgb(15,43,150)
```
#1130a8
```
#1130a8 rgb(17,48,168)
```
#1235ba
```
#1235ba rgb(18,53,186)
```
#143acc
```
#143acc rgb(20,58,204)
```
#163fde
```
#163fde rgb(22,63,222)
```

Shade Color Variation

#1e48e9
```
#1e48e9 rgb(30,72,233)
```
#3057ea
```
#3057ea rgb(48,87,234)
```
#4265ec
```
#4265ec rgb(66,101,236)
```
#5474ee
```
#5474ee rgb(84,116,238)
```
#6683f0
```
#6683f0 rgb(102,131,240)
```
#7891f2
```
#7891f2 rgb(120,145,242)
```
#8aa0f3
```
#8aa0f3 rgb(138,160,243)
```
#9baef5
```
#9baef5 rgb(155,174,245)
```
#adbdf7
```
#adbdf7 rgb(173,189,247)
```
#bfcbf9
```
#bfcbf9 rgb(191,203,249)
```
#d1dafa
```
#d1dafa rgb(209,218,250)
```
#e3e8fc
```
#e3e8fc rgb(227,232,252)
```
#f5f7fe
```
#f5f7fe rgb(245,247,254)
```

Tint Color Variation

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

#9c9ea6
```
#9c9ea6 rgb(156,158,166)
```
#959aad
```
#959aad rgb(149,154,173)
```
#8e96b4
```
#8e96b4 rgb(142,150,180)
```
#8792bb
```
#8792bb rgb(135,146,187)
```
#7f8dc3
```
#7f8dc3 rgb(127,141,195)
```
#7889ca
```
#7889ca rgb(120,137,202)
```
#7185d1
```
#7185d1 rgb(113,133,209)
```
#6a81d8
```
#6a81d8 rgb(106,129,216)
```
#627ce0
```
#627ce0 rgb(98,124,224)
```
#5b78e7
```
#5b78e7 rgb(91,120,231)
```
#5474ee
```
#5474ee rgb(84,116,238)
```
#4d70f5
```
#4d70f5 rgb(77,112,245)
```
#466cfc
```
#466cfc rgb(70,108,252)
```

Tone Color Variation

Below, you can see how #5474ee 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
#717790 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3180f3 Protanopia 1% of men
#0086dd Deuteranopia 1% of men
#00909b Tritanopia 0.001% of the population

Trichromacy

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

#5474ee hex color

#5474ee Color Information

#5474ee Color Conversion

Color Schemes with #5474ee

Alternatives to #5474ee

#5474ee Preview

Shades and Tints of #5474ee

Tones of #5474ee

Color Blindness Simulator