#5f74fb hex color

In a RGB color space, hex #5f74fb is composed of 37.3% red, 45.5% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 62.2% cyan, 53.8% magenta, 0% yellow and 1.6% black. It has a hue angle of 231.9 degrees, a saturation of 95.1% and a lightness of 67.8%. #5f74fb color hex could be obtained by blending #bee8ff with #0000f7. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 37
- G 45
- B 98
RGB color chart
- C 62
- M 54
- Y 0
- K 2
CMYK color chart

● #5f74fb color description : Soft blue.

The hexadecimal color #5f74fb has RGB values of R:95, G:116, B:251 and CMYK values of C:0.62, M:0.54, Y:0, K:0.02. Its decimal value is 6255867.

Hex triplet	5f74fb	`#5f74fb`
RGB Decimal	95, 116, 251	`rgb(95,116,251)`
RGB Percent	37.3, 45.5, 98.4	`rgb(37.3%,45.5%,98.4%)`
CMYK	62, 54, 0, 2
HSL	231.9°, 95.1, 67.8	`hsl(231.9,95.1%,67.8%)`
HSV (or HSB)	231.9°, 62.2, 98.4
Web Safe	6666ff	`#6666ff`

CIE-LAB	53.907, 32.842, -69.902
XYZ	28.374, 21.887, 93.991
xyY	0.197, 0.152, 21.887
CIE-LCH	53.907, 77.233, 295.166
CIE-LUV	53.907, -14.107, -112.056
Hunter-Lab	46.784, 26.386, -86.368
Binary	01011111, 01110100, 11111011

#5f74fb
```
#5f74fb rgb(95,116,251)
```
#fbe65f
```
#fbe65f rgb(251,230,95)
```

Complementary Color

#5fc2fb
```
#5fc2fb rgb(95,194,251)
```
#5f74fb
```
#5f74fb rgb(95,116,251)
```
#985ffb
```
#985ffb rgb(152,95,251)
```

Analogous Color

#c2fb5f
```
#c2fb5f rgb(194,251,95)
```
#5f74fb
```
#5f74fb rgb(95,116,251)
```
#fb985f
```
#fb985f rgb(251,152,95)
```

Split Complementary Color

#74fb5f
```
#74fb5f rgb(116,251,95)
```
#5f74fb
```
#5f74fb rgb(95,116,251)
```
#fb5f74
```
#fb5f74 rgb(251,95,116)
```

Triadic Color

#5ffbe6
```
#5ffbe6 rgb(95,251,230)
```
#5f74fb
```
#5f74fb rgb(95,116,251)
```
#fb5f74
```
#fb5f74 rgb(251,95,116)
```
#fbe65f
```
#fbe65f rgb(251,230,95)
```

Tetradic Color

#1433f9
```
#1433f9 rgb(20,51,249)
```
#2d49fa
```
#2d49fa rgb(45,73,250)
```
#465efa
```
#465efa rgb(70,94,250)
```
#5f74fb
```
#5f74fb rgb(95,116,251)
```
#788afc
```
#788afc rgb(120,138,252)
```
#919ffc
```
#919ffc rgb(145,159,252)
```
#aab5fd
```
#aab5fd rgb(170,181,253)
```

Monochromatic Color

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

#5f9bfb
```
#5f9bfb rgb(95,155,251)
```
#5f8efb
```
#5f8efb rgb(95,142,251)
```
#5f81fb
```
#5f81fb rgb(95,129,251)
```
#5f74fb
```
#5f74fb rgb(95,116,251)
```
#5f67fb
```
#5f67fb rgb(95,103,251)
```
#645ffb
```
#645ffb rgb(100,95,251)
```
#715ffb
```
#715ffb rgb(113,95,251)
```

Similar Colors

Text with hexadecimal color #5f74fb

This text has a font color of #5f74fb.

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

#5f74fb background color

This paragraph has a background color of #5f74fb.

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

#5f74fb border color

This element has a border color of #5f74fb.

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

CSS codes

.text {color:#5f74fb;}

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

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

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, #00020c is the darkest color, while #f8f9ff is the lightest one.

#00020c
```
#00020c rgb(0,2,12)
```
#01051f
```
#01051f rgb(1,5,31)
```
#010833
```
#010833 rgb(1,8,51)
```
#020b46
```
#020b46 rgb(2,11,70)
```
#020e59
```
#020e59 rgb(2,14,89)
```
#03116c
```
#03116c rgb(3,17,108)
```
#03147f
```
#03147f rgb(3,20,127)
```
#041792
```
#041792 rgb(4,23,146)
```
#041aa5
```
#041aa5 rgb(4,26,165)
```
#051db8
```
#051db8 rgb(5,29,184)
```
#0520cc
```
#0520cc rgb(5,32,204)
```
#0623df
```
#0623df rgb(6,35,223)
```
#0626f2
```
#0626f2 rgb(6,38,242)
```

Shade Color Variation

#1231f9
```
#1231f9 rgb(18,49,249)
```
#2642fa
```
#2642fa rgb(38,66,250)
```
#3953fa
```
#3953fa rgb(57,83,250)
```
#4c63fb
```
#4c63fb rgb(76,99,251)
```
#5f74fb
```
#5f74fb rgb(95,116,251)
```
#7285fb
```
#7285fb rgb(114,133,251)
```
#8595fc
```
#8595fc rgb(133,149,252)
```
#98a6fc
```
#98a6fc rgb(152,166,252)
```
#acb7fd
```
#acb7fd rgb(172,183,253)
```
#bfc7fd
```
#bfc7fd rgb(191,199,253)
```
#d2d8fe
```
#d2d8fe rgb(210,216,254)
```
#e5e8fe
```
#e5e8fe rgb(229,232,254)
```
#f8f9ff
```
#f8f9ff rgb(248,249,255)
```

Tint Color Variation

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

#ababaf
```
#ababaf rgb(171,171,175)
```
#a4a7b6
```
#a4a7b6 rgb(164,167,182)
```
#9ea2bc
```
#9ea2bc rgb(158,162,188)
```
#989dc2
```
#989dc2 rgb(152,157,194)
```
#9199c9
```
#9199c9 rgb(145,153,201)
```
#8b94cf
```
#8b94cf rgb(139,148,207)
```
#8590d5
```
#8590d5 rgb(133,144,213)
```
#7f8bdb
```
#7f8bdb rgb(127,139,219)
```
#7886e2
```
#7886e2 rgb(120,134,226)
```
#7282e8
```
#7282e8 rgb(114,130,232)
```
#6c7dee
```
#6c7dee rgb(108,125,238)
```
#6579f5
```
#6579f5 rgb(101,121,245)
```
#5f74fb
```
#5f74fb rgb(95,116,251)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#777b96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1f83ff Protanopia 1% of men
#008ae2 Deuteranopia 1% of men
#11949f Tritanopia 0.001% of the population

Trichromacy

#367dfd Protanomaly 1% of men, 0.01% of women
#2282eb Deuteranomaly 6% of men, 0.4% of women
#2d88c0 Tritanomaly 0.01% of the population

#5f74fb hex color

#5f74fb Color Information

#5f74fb Color Conversion

Color Schemes with #5f74fb

Alternatives to #5f74fb

#5f74fb Preview

Shades and Tints of #5f74fb

Tones of #5f74fb

Color Blindness Simulator