#5f74e3 hex color

In a RGB color space, hex #5f74e3 is composed of 37.3% red, 45.5% green and 89% blue. Whereas in a CMYK color space, it is composed of 58.1% cyan, 48.9% magenta, 0% yellow and 11% black. It has a hue angle of 230.5 degrees, a saturation of 70.2% and a lightness of 63.1%. #5f74e3 color hex could be obtained by blending #bee8ff with #0000c7. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 37
- G 45
- B 89
RGB color chart
- C 58
- M 49
- Y 0
- K 11
CMYK color chart

● #5f74e3 color description : Soft blue.

The hexadecimal color #5f74e3 has RGB values of R:95, G:116, B:227 and CMYK values of C:0.58, M:0.49, Y:0, K:0.11. Its decimal value is 6255843.

Hex triplet	5f74e3	`#5f74e3`
RGB Decimal	95, 116, 227	`rgb(95,116,227)`
RGB Percent	37.3, 45.5, 89	`rgb(37.3%,45.5%,89%)`
CMYK	58, 49, 0, 11
HSL	230.5°, 70.2, 63.1	`hsl(230.5,70.2%,63.1%)`
HSV (or HSB)	230.5°, 58.1, 89
Web Safe	6666cc	`#6666cc`

CIE-LAB	52.363, 24.951, -59.007
XYZ	24.827, 20.469, 75.311
xyY	0.206, 0.17, 20.469
CIE-LCH	52.363, 64.065, 292.921
CIE-LUV	52.363, -13.479, -93.989
Hunter-Lab	45.242, 18.779, -67.026
Binary	01011111, 01110100, 11100011

#5f74e3
```
#5f74e3 rgb(95,116,227)
```
#e3ce5f
```
#e3ce5f rgb(227,206,95)
```

Complementary Color

#5fb6e3
```
#5fb6e3 rgb(95,182,227)
```
#5f74e3
```
#5f74e3 rgb(95,116,227)
```
#8c5fe3
```
#8c5fe3 rgb(140,95,227)
```

Analogous Color

#b6e35f
```
#b6e35f rgb(182,227,95)
```
#5f74e3
```
#5f74e3 rgb(95,116,227)
```
#e38c5f
```
#e38c5f rgb(227,140,95)
```

Split Complementary Color

#74e35f
```
#74e35f rgb(116,227,95)
```
#5f74e3
```
#5f74e3 rgb(95,116,227)
```
#e35f74
```
#e35f74 rgb(227,95,116)
```

Triadic Color

#5fe3ce
```
#5fe3ce rgb(95,227,206)
```
#5f74e3
```
#5f74e3 rgb(95,116,227)
```
#e35f74
```
#e35f74 rgb(227,95,116)
```
#e3ce5f
```
#e3ce5f rgb(227,206,95)
```

Tetradic Color

#2540d1
```
#2540d1 rgb(37,64,209)
```
#344edb
```
#344edb rgb(52,78,219)
```
#4961df
```
#4961df rgb(73,97,223)
```
#5f74e3
```
#5f74e3 rgb(95,116,227)
```
#7587e7
```
#7587e7 rgb(117,135,231)
```
#8a9aeb
```
#8a9aeb rgb(138,154,235)
```
#a0adee
```
#a0adee rgb(160,173,238)
```

Monochromatic Color

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

#5f95e3
```
#5f95e3 rgb(95,149,227)
```
#5f8ae3
```
#5f8ae3 rgb(95,138,227)
```
#5f7fe3
```
#5f7fe3 rgb(95,127,227)
```
#5f74e3
```
#5f74e3 rgb(95,116,227)
```
#5f69e3
```
#5f69e3 rgb(95,105,227)
```
#605fe3
```
#605fe3 rgb(96,95,227)
```
#6b5fe3
```
#6b5fe3 rgb(107,95,227)
```

Similar Colors

Text with hexadecimal color #5f74e3

This text has a font color of #5f74e3.

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

#5f74e3 background color

This paragraph has a background color of #5f74e3.

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

#5f74e3 border color

This element has a border color of #5f74e3.

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

CSS codes

.text {color:#5f74e3;}

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

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

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 #f5f7fd is the lightest one.

#010207
```
#010207 rgb(1,2,7)
```
#040718
```
#040718 rgb(4,7,24)
```
#070c28
```
#070c28 rgb(7,12,40)
```
#0a1139
```
#0a1139 rgb(10,17,57)
```
#0d174a
```
#0d174a rgb(13,23,74)
```
#101c5a
```
#101c5a rgb(16,28,90)
```
#13216b
```
#13216b rgb(19,33,107)
```
#16267c
```
#16267c rgb(22,38,124)
```
#192b8c
```
#192b8c rgb(25,43,140)
```
#1c309d
```
#1c309d rgb(28,48,157)
```
#1e35ae
```
#1e35ae rgb(30,53,174)
```
#213abf
```
#213abf rgb(33,58,191)
```
#243fcf
```
#243fcf rgb(36,63,207)
```

Shade Color Variation

#2d48da
```
#2d48da rgb(45,72,218)
```
#3e57dd
```
#3e57dd rgb(62,87,221)
```
#4e65e0
```
#4e65e0 rgb(78,101,224)
```
#5f74e3
```
#5f74e3 rgb(95,116,227)
```
#7083e6
```
#7083e6 rgb(112,131,230)
```
#8091e9
```
#8091e9 rgb(128,145,233)
```
#91a0ec
```
#91a0ec rgb(145,160,236)
```
#a2aeef
```
#a2aeef rgb(162,174,239)
```
#b2bdf2
```
#b2bdf2 rgb(178,189,242)
```
#c3cbf5
```
#c3cbf5 rgb(195,203,245)
```
#d4daf7
```
#d4daf7 rgb(212,218,247)
```
#e5e8fa
```
#e5e8fa rgb(229,232,250)
```
#f5f7fd
```
#f5f7fd rgb(245,247,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a0a0a2 is the less saturated color, while #4965f9 is the most saturated one.

#a0a0a2
```
#a0a0a2 rgb(160,160,162)
```
#999ba9
```
#999ba9 rgb(153,155,169)
```
#9297b0
```
#9297b0 rgb(146,151,176)
```
#8a92b8
```
#8a92b8 rgb(138,146,184)
```
#838dbf
```
#838dbf rgb(131,141,191)
```
#7c88c6
```
#7c88c6 rgb(124,136,198)
```
#7583cd
```
#7583cd rgb(117,131,205)
```
#6d7ed5
```
#6d7ed5 rgb(109,126,213)
```
#6679dc
```
#6679dc rgb(102,121,220)
```
#5f74e3
```
#5f74e3 rgb(95,116,227)
```
#586fea
```
#586fea rgb(88,111,234)
```
#516af1
```
#516af1 rgb(81,106,241)
```
#4965f9
```
#4965f9 rgb(73,101,249)
```

Tone Color Variation

Below, you can see how #5f74e3 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
#75798f Atypical Achromatopsia 0.001% of the population

Dichromacy

#4580e8 Protanopia 1% of men
#0085df Deuteranopia 1% of men
#3b8e98 Tritanopia 0.001% of the population

Trichromacy

#4e7be6 Protanomaly 1% of men, 0.01% of women
#227fe0 Deuteranomaly 6% of men, 0.4% of women
#4884b3 Tritanomaly 0.01% of the population

#5f74e3 hex color

#5f74e3 Color Information

#5f74e3 Color Conversion

Color Schemes with #5f74e3

Alternatives to #5f74e3

#5f74e3 Preview

Shades and Tints of #5f74e3

Tones of #5f74e3

Color Blindness Simulator