#5674ec hex color

In a RGB color space, hex #5674ec is composed of 33.7% red, 45.5% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 63.6% cyan, 50.8% magenta, 0% yellow and 7.5% black. It has a hue angle of 228 degrees, a saturation of 79.8% and a lightness of 63.1%. #5674ec color hex could be obtained by blending #ace8ff with #0000d9. Closest websafe color is: #6666ff.

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

● #5674ec color description : Soft blue.

The hexadecimal color #5674ec has RGB values of R:86, G:116, B:236 and CMYK values of C:0.64, M:0.51, Y:0, K:0.07. Its decimal value is 5666028.

Hex triplet	5674ec	`#5674ec`
RGB Decimal	86, 116, 236	`rgb(86,116,236)`
RGB Percent	33.7, 45.5, 92.5	`rgb(33.7%,45.5%,92.5%)`
CMYK	64, 51, 0, 7
HSL	228°, 79.8, 63.1	`hsl(228,79.8%,63.1%)`
HSV (or HSB)	228°, 63.6, 92.5
Web Safe	6666ff	`#6666ff`

CIE-LAB	52.424, 26.364, -63.978
XYZ	25.22, 20.524, 81.985
xyY	0.197, 0.161, 20.524
CIE-LCH	52.424, 69.197, 292.396
CIE-LUV	52.424, -16.095, -101.771
Hunter-Lab	45.303, 20.09, -75.584
Binary	01010110, 01110100, 11101100

#5674ec
```
#5674ec rgb(86,116,236)
```
#ecce56
```
#ecce56 rgb(236,206,86)
```

Complementary Color

#56bfec
```
#56bfec rgb(86,191,236)
```
#5674ec
```
#5674ec rgb(86,116,236)
```
#8356ec
```
#8356ec rgb(131,86,236)
```

Analogous Color

#bfec56
```
#bfec56 rgb(191,236,86)
```
#5674ec
```
#5674ec rgb(86,116,236)
```
#ec8356
```
#ec8356 rgb(236,131,86)
```

Split Complementary Color

#74ec56
```
#74ec56 rgb(116,236,86)
```
#5674ec
```
#5674ec rgb(86,116,236)
```
#ec5674
```
#ec5674 rgb(236,86,116)
```

Triadic Color

#56ecce
```
#56ecce rgb(86,236,206)
```
#5674ec
```
#5674ec rgb(86,116,236)
```
#ec5674
```
#ec5674 rgb(236,86,116)
```
#ecce56
```
#ecce56 rgb(236,206,86)
```

Tetradic Color

#1940dd
```
#1940dd rgb(25,64,221)
```
#284ee7
```
#284ee7 rgb(40,78,231)
```
#3f61e9
```
#3f61e9 rgb(63,97,233)
```
#5674ec
```
#5674ec rgb(86,116,236)
```
#6d87ef
```
#6d87ef rgb(109,135,239)
```
#849af1
```
#849af1 rgb(132,154,241)
```
#9badf4
```
#9badf4 rgb(155,173,244)
```

Monochromatic Color

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

#569aec
```
#569aec rgb(86,154,236)
```
#568dec
```
#568dec rgb(86,141,236)
```
#5681ec
```
#5681ec rgb(86,129,236)
```
#5674ec
```
#5674ec rgb(86,116,236)
```
#5668ec
```
#5668ec rgb(86,104,236)
```
#565bec
```
#565bec rgb(86,91,236)
```
#5e56ec
```
#5e56ec rgb(94,86,236)
```

Similar Colors

Text with hexadecimal color #5674ec

This text has a font color of #5674ec.

<span style="color:#5674ec;">Text here</span>

#5674ec background color

This paragraph has a background color of #5674ec.

<p style="background-color:#5674ec;">Content here</p>

#5674ec border color

This element has a border color of #5674ec.

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

CSS codes

.text {color:#5674ec;}

.background {background-color:#5674ec;}

.border {border:1px solid #5674ec;}

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)
```
#050c2b
```
#050c2b rgb(5,12,43)
```
#07113c
```
#07113c rgb(7,17,60)
```
#09174e
```
#09174e rgb(9,23,78)
```
#0b1c5f
```
#0b1c5f rgb(11,28,95)
```
#0d2171
```
#0d2171 rgb(13,33,113)
```
#0f2683
```
#0f2683 rgb(15,38,131)
```
#112b94
```
#112b94 rgb(17,43,148)
```
#1330a6
```
#1330a6 rgb(19,48,166)
```
#1535b8
```
#1535b8 rgb(21,53,184)
```
#173ac9
```
#173ac9 rgb(23,58,201)
```
#193fdb
```
#193fdb rgb(25,63,219)
```

Shade Color Variation

#2148e6
```
#2148e6 rgb(33,72,230)
```
#3357e8
```
#3357e8 rgb(51,87,232)
```
#4465ea
```
#4465ea rgb(68,101,234)
```
#5674ec
```
#5674ec rgb(86,116,236)
```
#6883ee
```
#6883ee rgb(104,131,238)
```
#7991f0
```
#7991f0 rgb(121,145,240)
```
#8ba0f2
```
#8ba0f2 rgb(139,160,242)
```
#9daef4
```
#9daef4 rgb(157,174,244)
```
#aebdf6
```
#aebdf6 rgb(174,189,246)
```
#c0cbf8
```
#c0cbf8 rgb(192,203,248)
```
#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, #9e9fa4 is the less saturated color, while #486bfa is the most saturated one.

#9e9fa4
```
#9e9fa4 rgb(158,159,164)
```
#979bab
```
#979bab rgb(151,155,171)
```
#9097b2
```
#9097b2 rgb(144,151,178)
```
#8992b9
```
#8992b9 rgb(137,146,185)
```
#818ec1
```
#818ec1 rgb(129,142,193)
```
#7a8ac8
```
#7a8ac8 rgb(122,138,200)
```
#7385cf
```
#7385cf rgb(115,133,207)
```
#6c81d6
```
#6c81d6 rgb(108,129,214)
```
#647dde
```
#647dde rgb(100,125,222)
```
#5d78e5
```
#5d78e5 rgb(93,120,229)
```
#5674ec
```
#5674ec rgb(86,116,236)
```
#4f70f3
```
#4f70f3 rgb(79,112,243)
```
#486bfa
```
#486bfa rgb(72,107,250)
```

Tone Color Variation

Below, you can see how #5674ec 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

#797979 Achromatopsia 0.005% of the population
#727890 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3580f1 Protanopia 1% of men
#0086dd Deuteranopia 1% of men
#00909b Tritanopia 0.001% of the population

Trichromacy

#417bef Protanomaly 1% of men, 0.01% of women
#1f7fe3 Deuteranomaly 6% of men, 0.4% of women
#1f86b8 Tritanomaly 0.01% of the population

#5674ec hex color

#5674ec Color Information

#5674ec Color Conversion

Color Schemes with #5674ec

Alternatives to #5674ec

#5674ec Preview

Shades and Tints of #5674ec

Tones of #5674ec

Color Blindness Simulator