#5374df hex color

In a RGB color space, hex #5374df is composed of 32.5% red, 45.5% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 62.8% cyan, 48% magenta, 0% yellow and 12.5% black. It has a hue angle of 225.9 degrees, a saturation of 68.6% and a lightness of 60%. #5374df color hex could be obtained by blending #a6e8ff with #0000bf. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 45
- B 87
RGB color chart
- C 63
- M 48
- Y 0
- K 13
CMYK color chart

● #5374df color description : Soft blue.

The hexadecimal color #5374df has RGB values of R:83, G:116, B:223 and CMYK values of C:0.63, M:0.48, Y:0, K:0.13. Its decimal value is 5469407.

Hex triplet	5374df	`#5374df`
RGB Decimal	83, 116, 223	`rgb(83,116,223)`
RGB Percent	32.5, 45.5, 87.5	`rgb(32.5%,45.5%,87.5%)`
CMYK	63, 48, 0, 13
HSL	225.9°, 68.6, 60	`hsl(225.9,68.6%,60%)`
HSV (or HSB)	225.9°, 62.8, 87.5
Web Safe	6666cc	`#6666cc`

CIE-LAB	51.446, 21.443, -58.264
XYZ	23.129, 19.656, 72.383
xyY	0.201, 0.171, 19.656
CIE-LCH	51.446, 62.085, 290.205
CIE-LUV	51.446, -16.687, -92.125
Hunter-Lab	44.335, 15.534, -65.764
Binary	01010011, 01110100, 11011111

#5374df
```
#5374df rgb(83,116,223)
```
#dfbe53
```
#dfbe53 rgb(223,190,83)
```

Complementary Color

#53badf
```
#53badf rgb(83,186,223)
```
#5374df
```
#5374df rgb(83,116,223)
```
#7853df
```
#7853df rgb(120,83,223)
```

Analogous Color

#badf53
```
#badf53 rgb(186,223,83)
```
#5374df
```
#5374df rgb(83,116,223)
```
#df7853
```
#df7853 rgb(223,120,83)
```

Split Complementary Color

#74df53
```
#74df53 rgb(116,223,83)
```
#5374df
```
#5374df rgb(83,116,223)
```
#df5374
```
#df5374 rgb(223,83,116)
```

Triadic Color

#53dfbe
```
#53dfbe rgb(83,223,190)
```
#5374df
```
#5374df rgb(83,116,223)
```
#df5374
```
#df5374 rgb(223,83,116)
```
#dfbe53
```
#dfbe53 rgb(223,190,83)
```

Tetradic Color

#2449c2
```
#2449c2 rgb(36,73,194)
```
#2851d7
```
#2851d7 rgb(40,81,215)
```
#3e63db
```
#3e63db rgb(62,99,219)
```
#5374df
```
#5374df rgb(83,116,223)
```
#6985e3
```
#6985e3 rgb(105,133,227)
```
#7e97e7
```
#7e97e7 rgb(126,151,231)
```
#94a8eb
```
#94a8eb rgb(148,168,235)
```

Monochromatic Color

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

#5397df
```
#5397df rgb(83,151,223)
```
#538bdf
```
#538bdf rgb(83,139,223)
```
#5380df
```
#5380df rgb(83,128,223)
```
#5374df
```
#5374df rgb(83,116,223)
```
#5368df
```
#5368df rgb(83,104,223)
```
#535ddf
```
#535ddf rgb(83,93,223)
```
#5553df
```
#5553df rgb(85,83,223)
```

Similar Colors

Text with hexadecimal color #5374df

This text has a font color of #5374df.

<span style="color:#5374df;">Text here</span>

#5374df background color

This paragraph has a background color of #5374df.

<p style="background-color:#5374df;">Content here</p>

#5374df border color

This element has a border color of #5374df.

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

CSS codes

.text {color:#5374df;}

.background {background-color:#5374df;}

.border {border:1px solid #5374df;}

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, #02040a is the darkest color, while #f8fafe is the lightest one.

#02040a
```
#02040a rgb(2,4,10)
```
#050a1a
```
#050a1a rgb(5,10,26)
```
#08102b
```
#08102b rgb(8,16,43)
```
#0b173c
```
#0b173c rgb(11,23,60)
```
#0e1d4c
```
#0e1d4c rgb(14,29,76)
```
#11235d
```
#11235d rgb(17,35,93)
```
#14296d
```
#14296d rgb(20,41,109)
```
#17307e
```
#17307e rgb(23,48,126)
```
#1a368e
```
#1a368e rgb(26,54,142)
```
#1e3c9f
```
#1e3c9f rgb(30,60,159)
```
#2142af
```
#2142af rgb(33,66,175)
```
#2449c0
```
#2449c0 rgb(36,73,192)
```
#274fd0
```
#274fd0 rgb(39,79,208)
```

Shade Color Variation

#3259d9
```
#3259d9 rgb(50,89,217)
```
#4267dc
```
#4267dc rgb(66,103,220)
```
#5374df
```
#5374df rgb(83,116,223)
```
#6481e2
```
#6481e2 rgb(100,129,226)
```
#748fe5
```
#748fe5 rgb(116,143,229)
```
#859ce8
```
#859ce8 rgb(133,156,232)
```
#95a9eb
```
#95a9eb rgb(149,169,235)
```
#a6b7ee
```
#a6b7ee rgb(166,183,238)
```
#b6c4f1
```
#b6c4f1 rgb(182,196,241)
```
#c7d2f5
```
#c7d2f5 rgb(199,210,245)
```
#d7dff8
```
#d7dff8 rgb(215,223,248)
```
#e8ecfb
```
#e8ecfb rgb(232,236,251)
```
#f8fafe
```
#f8fafe rgb(248,250,254)
```

Tint Color Variation

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

#9295a0
```
#9295a0 rgb(146,149,160)
```
#8a91a8
```
#8a91a8 rgb(138,145,168)
```
#828db0
```
#828db0 rgb(130,141,176)
```
#7a89b8
```
#7a89b8 rgb(122,137,184)
```
#7285c0
```
#7285c0 rgb(114,133,192)
```
#6b80c7
```
#6b80c7 rgb(107,128,199)
```
#637ccf
```
#637ccf rgb(99,124,207)
```
#5b78d7
```
#5b78d7 rgb(91,120,215)
```
#5374df
```
#5374df rgb(83,116,223)
```
#4b70e7
```
#4b70e7 rgb(75,112,231)
```
#436cef
```
#436cef rgb(67,108,239)
```
#3b68f7
```
#3b68f7 rgb(59,104,247)
```
#3463fe
```
#3463fe rgb(52,99,254)
```

Tone Color Variation

Below, you can see how #5374df 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

#767676 Achromatopsia 0.005% of the population
#6f768b Atypical Achromatopsia 0.001% of the population

Dichromacy

#467ee3 Protanopia 1% of men
#0083db Deuteranopia 1% of men
#218d97 Tritanopia 0.001% of the population

Trichromacy

#4b7ae1 Protanomaly 1% of men, 0.01% of women
#1e7ddc Deuteranomaly 6% of men, 0.4% of women
#3384b1 Tritanomaly 0.01% of the population

#5374df hex color

#5374df Color Information

#5374df Color Conversion

Color Schemes with #5374df

Alternatives to #5374df

#5374df Preview

Shades and Tints of #5374df

Tones of #5374df

Color Blindness Simulator