#5f74d3 hex color

In a RGB color space, hex #5f74d3 is composed of 37.3% red, 45.5% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 55% cyan, 45% magenta, 0% yellow and 17.3% black. It has a hue angle of 229.1 degrees, a saturation of 56.9% and a lightness of 60%. #5f74d3 color hex could be obtained by blending #bee8ff with #0000a7. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 37
- G 45
- B 83
RGB color chart
- C 55
- M 45
- Y 0
- K 17
CMYK color chart

● #5f74d3 color description : Moderate blue.

The hexadecimal color #5f74d3 has RGB values of R:95, G:116, B:211 and CMYK values of C:0.55, M:0.45, Y:0, K:0.17. Its decimal value is 6255827.

Hex triplet	5f74d3	`#5f74d3`
RGB Decimal	95, 116, 211	`rgb(95,116,211)`
RGB Percent	37.3, 45.5, 82.7	`rgb(37.3%,45.5%,82.7%)`
CMYK	55, 45, 0, 17
HSL	229.1°, 56.9, 60	`hsl(229.1,56.9%,60%)`
HSV (or HSB)	229.1°, 55, 82.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	51.411, 19.742, -51.495
XYZ	22.72, 19.626, 64.215
xyY	0.213, 0.184, 19.626
CIE-LCH	51.411, 55.15, 290.976
CIE-LUV	51.411, -13.07, -81.426
Hunter-Lab	44.301, 14.018, -54.932
Binary	01011111, 01110100, 11010011

#5f74d3
```
#5f74d3 rgb(95,116,211)
```
#d3be5f
```
#d3be5f rgb(211,190,95)
```

Complementary Color

#5faed3
```
#5faed3 rgb(95,174,211)
```
#5f74d3
```
#5f74d3 rgb(95,116,211)
```
#845fd3
```
#845fd3 rgb(132,95,211)
```

Analogous Color

#aed35f
```
#aed35f rgb(174,211,95)
```
#5f74d3
```
#5f74d3 rgb(95,116,211)
```
#d3845f
```
#d3845f rgb(211,132,95)
```

Split Complementary Color

#74d35f
```
#74d35f rgb(116,211,95)
```
#5f74d3
```
#5f74d3 rgb(95,116,211)
```
#d35f74
```
#d35f74 rgb(211,95,116)
```

Triadic Color

#5fd3be
```
#5fd3be rgb(95,211,190)
```
#5f74d3
```
#5f74d3 rgb(95,116,211)
```
#d35f74
```
#d35f74 rgb(211,95,116)
```
#d3be5f
```
#d3be5f rgb(211,190,95)
```

Tetradic Color

#3249b4
```
#3249b4 rgb(50,73,180)
```
#3751c8
```
#3751c8 rgb(55,81,200)
```
#4b63ce
```
#4b63ce rgb(75,99,206)
```
#5f74d3
```
#5f74d3 rgb(95,116,211)
```
#7385d9
```
#7385d9 rgb(115,133,217)
```
#8797de
```
#8797de rgb(135,151,222)
```
#9ba8e4
```
#9ba8e4 rgb(155,168,228)
```

Monochromatic Color

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

#5f91d3
```
#5f91d3 rgb(95,145,211)
```
#5f87d3
```
#5f87d3 rgb(95,135,211)
```
#5f7ed3
```
#5f7ed3 rgb(95,126,211)
```
#5f74d3
```
#5f74d3 rgb(95,116,211)
```
#5f6ad3
```
#5f6ad3 rgb(95,106,211)
```
#5f61d3
```
#5f61d3 rgb(95,97,211)
```
#675fd3
```
#675fd3 rgb(103,95,211)
```

Similar Colors

Text with hexadecimal color #5f74d3

This text has a font color of #5f74d3.

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

#5f74d3 background color

This paragraph has a background color of #5f74d3.

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

#5f74d3 border color

This element has a border color of #5f74d3.

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

CSS codes

.text {color:#5f74d3;}

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

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

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

#030409
```
#030409 rgb(3,4,9)
```
#070a19
```
#070a19 rgb(7,10,25)
```
#0b1028
```
#0b1028 rgb(11,16,40)
```
#0f1737
```
#0f1737 rgb(15,23,55)
```
#131d47
```
#131d47 rgb(19,29,71)
```
#182356
```
#182356 rgb(24,35,86)
```
#1c2966
```
#1c2966 rgb(28,41,102)
```
#203075
```
#203075 rgb(32,48,117)
```
#243684
```
#243684 rgb(36,54,132)
```
#293c94
```
#293c94 rgb(41,60,148)
```
#2d42a3
```
#2d42a3 rgb(45,66,163)
```
#3149b2
```
#3149b2 rgb(49,73,178)
```
#354fc2
```
#354fc2 rgb(53,79,194)
```

Shade Color Variation

#4059cb
```
#4059cb rgb(64,89,203)
```
#5067cf
```
#5067cf rgb(80,103,207)
```
#5f74d3
```
#5f74d3 rgb(95,116,211)
```
#6e81d7
```
#6e81d7 rgb(110,129,215)
```
#7e8fdb
```
#7e8fdb rgb(126,143,219)
```
#8d9ce0
```
#8d9ce0 rgb(141,156,224)
```
#9da9e4
```
#9da9e4 rgb(157,169,228)
```
#acb7e8
```
#acb7e8 rgb(172,183,232)
```
#bbc4ec
```
#bbc4ec rgb(187,196,236)
```
#cbd2f1
```
#cbd2f1 rgb(203,210,241)
```
#dadff5
```
#dadff5 rgb(218,223,245)
```
#e9ecf9
```
#e9ecf9 rgb(233,236,249)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #96979c is the less saturated color, while #385bfa is the most saturated one.

#96979c
```
#96979c rgb(150,151,156)
```
#8e92a4
```
#8e92a4 rgb(142,146,164)
```
#868dac
```
#868dac rgb(134,141,172)
```
#7e88b4
```
#7e88b4 rgb(126,136,180)
```
#7783bb
```
#7783bb rgb(119,131,187)
```
#6f7ec3
```
#6f7ec3 rgb(111,126,195)
```
#6779cb
```
#6779cb rgb(103,121,203)
```
#5f74d3
```
#5f74d3 rgb(95,116,211)
```
#576fdb
```
#576fdb rgb(87,111,219)
```
#4f6ae3
```
#4f6ae3 rgb(79,106,227)
```
#4765eb
```
#4765eb rgb(71,101,235)
```
#4060f2
```
#4060f2 rgb(64,96,242)
```
#385bfa
```
#385bfa rgb(56,91,250)
```

Tone Color Variation

Below, you can see how #5f74d3 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
#74788b Atypical Achromatopsia 0.001% of the population

Dichromacy

#547ed8 Protanopia 1% of men
#3d82d2 Deuteranopia 1% of men
#488a94 Tritanopia 0.001% of the population

Trichromacy

#587ad6 Protanomaly 1% of men, 0.01% of women
#497dd2 Deuteranomaly 6% of men, 0.4% of women
#5082ab Tritanomaly 0.01% of the population

#5f74d3 hex color

#5f74d3 Color Information

#5f74d3 Color Conversion

Color Schemes with #5f74d3

Alternatives to #5f74d3

#5f74d3 Preview

Shades and Tints of #5f74d3

Tones of #5f74d3

Color Blindness Simulator