#5f74dd hex color

In a RGB color space, hex #5f74dd is composed of 37.3% red, 45.5% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 57% cyan, 47.5% magenta, 0% yellow and 13.3% black. It has a hue angle of 230 degrees, a saturation of 64.9% and a lightness of 62%. #5f74dd color hex could be obtained by blending #bee8ff with #0000bb. Closest websafe color is: #6666cc.

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

● #5f74dd color description : Soft blue.

The hexadecimal color #5f74dd has RGB values of R:95, G:116, B:221 and CMYK values of C:0.57, M:0.48, Y:0, K:0.13. Its decimal value is 6255837.

Hex triplet	5f74dd	`#5f74dd`
RGB Decimal	95, 116, 221	`rgb(95,116,221)`
RGB Percent	37.3, 45.5, 86.7	`rgb(37.3%,45.5%,86.7%)`
CMYK	57, 48, 0, 13
HSL	230°, 64.9, 62	`hsl(230,64.9%,62%)`
HSV (or HSB)	230°, 57, 86.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	51.999, 22.99, -56.214
XYZ	24.013, 20.143, 71.025
xyY	0.208, 0.175, 20.143
CIE-LCH	51.999, 60.733, 292.243
CIE-LUV	51.999, -13.325, -89.326
Hunter-Lab	44.881, 16.963, -62.411
Binary	01011111, 01110100, 11011101

#5f74dd
```
#5f74dd rgb(95,116,221)
```
#ddc85f
```
#ddc85f rgb(221,200,95)
```

Complementary Color

#5fb3dd
```
#5fb3dd rgb(95,179,221)
```
#5f74dd
```
#5f74dd rgb(95,116,221)
```
#895fdd
```
#895fdd rgb(137,95,221)
```

Analogous Color

#b3dd5f
```
#b3dd5f rgb(179,221,95)
```
#5f74dd
```
#5f74dd rgb(95,116,221)
```
#dd895f
```
#dd895f rgb(221,137,95)
```

Split Complementary Color

#74dd5f
```
#74dd5f rgb(116,221,95)
```
#5f74dd
```
#5f74dd rgb(95,116,221)
```
#dd5f74
```
#dd5f74 rgb(221,95,116)
```

Triadic Color

#5fddc8
```
#5fddc8 rgb(95,221,200)
```
#5f74dd
```
#5f74dd rgb(95,116,221)
```
#dd5f74
```
#dd5f74 rgb(221,95,116)
```
#ddc85f
```
#ddc85f rgb(221,200,95)
```

Tetradic Color

#2a44c6
```
#2a44c6 rgb(42,68,198)
```
#354fd4
```
#354fd4 rgb(53,79,212)
```
#4a62d9
```
#4a62d9 rgb(74,98,217)
```
#5f74dd
```
#5f74dd rgb(95,116,221)
```
#7486e1
```
#7486e1 rgb(116,134,225)
```
#8999e6
```
#8999e6 rgb(137,153,230)
```
#9eabea
```
#9eabea rgb(158,171,234)
```

Monochromatic Color

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

#5f94dd
```
#5f94dd rgb(95,148,221)
```
#5f89dd
```
#5f89dd rgb(95,137,221)
```
#5f7fdd
```
#5f7fdd rgb(95,127,221)
```
#5f74dd
```
#5f74dd rgb(95,116,221)
```
#5f6add
```
#5f6add rgb(95,106,221)
```
#5f5fdd
```
#5f5fdd rgb(95,95,221)
```
#6a5fdd
```
#6a5fdd rgb(106,95,221)
```

Similar Colors

Text with hexadecimal color #5f74dd

This text has a font color of #5f74dd.

<span style="color:#5f74dd;">Text here</span>

#5f74dd background color

This paragraph has a background color of #5f74dd.

<p style="background-color:#5f74dd;">Content here</p>

#5f74dd border color

This element has a border color of #5f74dd.

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

CSS codes

.text {color:#5f74dd;}

.background {background-color:#5f74dd;}

.border {border:1px solid #5f74dd;}

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

#000102
```
#000102 rgb(0,1,2)
```
#040612
```
#040612 rgb(4,6,18)
```
#070c22
```
#070c22 rgb(7,12,34)
```
#0b1132
```
#0b1132 rgb(11,17,50)
```
#0e1742
```
#0e1742 rgb(14,23,66)
```
#121c53
```
#121c53 rgb(18,28,83)
```
#152263
```
#152263 rgb(21,34,99)
```
#182873
```
#182873 rgb(24,40,115)
```
#1c2d83
```
#1c2d83 rgb(28,45,131)
```
#1f3393
```
#1f3393 rgb(31,51,147)
```
#2338a4
```
#2338a4 rgb(35,56,164)
```
#263eb4
```
#263eb4 rgb(38,62,180)
```
#2a43c4
```
#2a43c4 rgb(42,67,196)
```

Shade Color Variation

#2e4ad3
```
#2e4ad3 rgb(46,74,211)
```
#3f58d6
```
#3f58d6 rgb(63,88,214)
```
#4f66da
```
#4f66da rgb(79,102,218)
```
#5f74dd
```
#5f74dd rgb(95,116,221)
```
#6f82e0
```
#6f82e0 rgb(111,130,224)
```
#7f90e4
```
#7f90e4 rgb(127,144,228)
```
#909ee7
```
#909ee7 rgb(144,158,231)
```
#a0aceb
```
#a0aceb rgb(160,172,235)
```
#b0baee
```
#b0baee rgb(176,186,238)
```
#c0c8f2
```
#c0c8f2 rgb(192,200,242)
```
#d0d6f5
```
#d0d6f5 rgb(208,214,245)
```
#e0e4f9
```
#e0e4f9 rgb(224,228,249)
```
#f1f2fc
```
#f1f2fc rgb(241,242,252)
```

Tint Color Variation

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

#9b9ca1
```
#9b9ca1 rgb(155,156,161)
```
#9397a9
```
#9397a9 rgb(147,151,169)
```
#8c92b0
```
#8c92b0 rgb(140,146,176)
```
#848db8
```
#848db8 rgb(132,141,184)
```
#7d88bf
```
#7d88bf rgb(125,136,191)
```
#7583c7
```
#7583c7 rgb(117,131,199)
```
#6e7ece
```
#6e7ece rgb(110,126,206)
```
#6679d6
```
#6679d6 rgb(102,121,214)
```
#5f74dd
```
#5f74dd rgb(95,116,221)
```
#586fe4
```
#586fe4 rgb(88,111,228)
```
#506aec
```
#506aec rgb(80,106,236)
```
#4965f3
```
#4965f3 rgb(73,101,243)
```
#4160fb
```
#4160fb rgb(65,96,251)
```

Tone Color Variation

Below, you can see how #5f74dd 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

#7a7a7a Achromatopsia 0.005% of the population
#75798e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b7fe2 Protanopia 1% of men
#2784da Deuteranopia 1% of men
#418d97 Tritanopia 0.001% of the population

Trichromacy

#527be0 Protanomaly 1% of men, 0.01% of women
#3b7edb Deuteranomaly 6% of men, 0.4% of women
#4b83b0 Tritanomaly 0.01% of the population

#5f74dd hex color

#5f74dd Color Information

#5f74dd Color Conversion

Color Schemes with #5f74dd

Alternatives to #5f74dd

#5f74dd Preview

Shades and Tints of #5f74dd

Tones of #5f74dd

Color Blindness Simulator