#5b74f4 hex color

In a RGB color space, hex #5b74f4 is composed of 35.7% red, 45.5% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 52.5% magenta, 0% yellow and 4.3% black. It has a hue angle of 230.2 degrees, a saturation of 87.4% and a lightness of 65.7%. #5b74f4 color hex could be obtained by blending #b6e8ff with #0000e9. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 36
- G 45
- B 96
RGB color chart
- C 63
- M 52
- Y 0
- K 4
CMYK color chart

● #5b74f4 color description : Soft blue.

The hexadecimal color #5b74f4 has RGB values of R:91, G:116, B:244 and CMYK values of C:0.63, M:0.52, Y:0, K:0.04. Its decimal value is 5993716.

Hex triplet	5b74f4	`#5b74f4`
RGB Decimal	91, 116, 244	`rgb(91,116,244)`
RGB Percent	35.7, 45.5, 95.7	`rgb(35.7%,45.5%,95.7%)`
CMYK	63, 52, 0, 4
HSL	230.2°, 87.4, 65.7	`hsl(230.2,87.4%,65.7%)`
HSV (or HSB)	230.2°, 62.7, 95.7
Web Safe	6666ff	`#6666ff`

CIE-LAB	53.217, 29.871, -67.145
XYZ	26.886, 21.245, 88.267
xyY	0.197, 0.156, 21.245
CIE-LCH	53.217, 73.49, 293.983
CIE-LUV	53.217, -14.975, -107.28
Hunter-Lab	46.092, 23.457, -81.275
Binary	01011011, 01110100, 11110100

#5b74f4
```
#5b74f4 rgb(91,116,244)
```
#f4db5b
```
#f4db5b rgb(244,219,91)
```

Complementary Color

#5bc1f4
```
#5bc1f4 rgb(91,193,244)
```
#5b74f4
```
#5b74f4 rgb(91,116,244)
```
#8f5bf4
```
#8f5bf4 rgb(143,91,244)
```

Analogous Color

#c1f45b
```
#c1f45b rgb(193,244,91)
```
#5b74f4
```
#5b74f4 rgb(91,116,244)
```
#f48f5b
```
#f48f5b rgb(244,143,91)
```

Split Complementary Color

#74f45b
```
#74f45b rgb(116,244,91)
```
#5b74f4
```
#5b74f4 rgb(91,116,244)
```
#f45b74
```
#f45b74 rgb(244,91,116)
```

Triadic Color

#5bf4db
```
#5bf4db rgb(91,244,219)
```
#5b74f4
```
#5b74f4 rgb(91,116,244)
```
#f45b74
```
#f45b74 rgb(244,91,116)
```
#f4db5b
```
#f4db5b rgb(244,219,91)
```

Tetradic Color

#1337ef
```
#1337ef rgb(19,55,239)
```
#2b4bf1
```
#2b4bf1 rgb(43,75,241)
```
#4360f2
```
#4360f2 rgb(67,96,242)
```
#5b74f4
```
#5b74f4 rgb(91,116,244)
```
#7388f6
```
#7388f6 rgb(115,136,246)
```
#8b9df7
```
#8b9df7 rgb(139,157,247)
```
#a3b1f9
```
#a3b1f9 rgb(163,177,249)
```

Monochromatic Color

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

#5b9af4
```
#5b9af4 rgb(91,154,244)
```
#5b8ef4
```
#5b8ef4 rgb(91,142,244)
```
#5b81f4
```
#5b81f4 rgb(91,129,244)
```
#5b74f4
```
#5b74f4 rgb(91,116,244)
```
#5b67f4
```
#5b67f4 rgb(91,103,244)
```
#5b5bf4
```
#5b5bf4 rgb(91,91,244)
```
#685bf4
```
#685bf4 rgb(104,91,244)
```

Similar Colors

Text with hexadecimal color #5b74f4

This text has a font color of #5b74f4.

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

#5b74f4 background color

This paragraph has a background color of #5b74f4.

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

#5b74f4 border color

This element has a border color of #5b74f4.

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

CSS codes

.text {color:#5b74f4;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#010414
```
#010414 rgb(1,4,20)
```
#030826
```
#030826 rgb(3,8,38)
```
#040c39
```
#040c39 rgb(4,12,57)
```
#05104b
```
#05104b rgb(5,16,75)
```
#06145d
```
#06145d rgb(6,20,93)
```
#071970
```
#071970 rgb(7,25,112)
```
#091d82
```
#091d82 rgb(9,29,130)
```
#0a2195
```
#0a2195 rgb(10,33,149)
```
#0b25a7
```
#0b25a7 rgb(11,37,167)
```
#0c29b9
```
#0c29b9 rgb(12,41,185)
```
#0e2dcc
```
#0e2dcc rgb(14,45,204)
```
#0f31de
```
#0f31de rgb(15,49,222)
```

Shade Color Variation

#1136ef
```
#1136ef rgb(17,54,239)
```
#2445f0
```
#2445f0 rgb(36,69,240)
```
#3655f2
```
#3655f2 rgb(54,85,242)
```
#4964f3
```
#4964f3 rgb(73,100,243)
```
#5b74f4
```
#5b74f4 rgb(91,116,244)
```
#6d84f5
```
#6d84f5 rgb(109,132,245)
```
#8093f6
```
#8093f6 rgb(128,147,246)
```
#92a3f8
```
#92a3f8 rgb(146,163,248)
```
#a5b2f9
```
#a5b2f9 rgb(165,178,249)
```
#b7c2fa
```
#b7c2fa rgb(183,194,250)
```
#c9d1fb
```
#c9d1fb rgb(201,209,251)
```
#dce1fd
```
#dce1fd rgb(220,225,253)
```
#eef1fe
```
#eef1fe rgb(238,241,254)
```

Tint Color Variation

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

#a5a6aa
```
#a5a6aa rgb(165,166,170)
```
#9ea1b1
```
#9ea1b1 rgb(158,161,177)
```
#989db7
```
#989db7 rgb(152,157,183)
```
#9198be
```
#9198be rgb(145,152,190)
```
#8a94c5
```
#8a94c5 rgb(138,148,197)
```
#838fcc
```
#838fcc rgb(131,143,204)
```
#7d8bd2
```
#7d8bd2 rgb(125,139,210)
```
#7686d9
```
#7686d9 rgb(118,134,217)
```
#6f82e0
```
#6f82e0 rgb(111,130,224)
```
#687de7
```
#687de7 rgb(104,125,231)
```
#6279ed
```
#6279ed rgb(98,121,237)
```
#5b74f4
```
#5b74f4 rgb(91,116,244)
```
#546ffb
```
#546ffb rgb(84,111,251)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#757a93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2581fa Protanopia 1% of men
#0088e0 Deuteranopia 1% of men
#0d929d Tritanopia 0.001% of the population

Trichromacy

#397cf8 Protanomaly 1% of men, 0.01% of women
#2180e7 Deuteranomaly 6% of men, 0.4% of women
#2987bc Tritanomaly 0.01% of the population

#5b74f4 hex color

#5b74f4 Color Information

#5b74f4 Color Conversion

Color Schemes with #5b74f4

Alternatives to #5b74f4

#5b74f4 Preview

Shades and Tints of #5b74f4

Tones of #5b74f4

Color Blindness Simulator