#5f74fc hex color

In a RGB color space, hex #5f74fc is composed of 37.3% red, 45.5% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 62.3% cyan, 54% magenta, 0% yellow and 1.2% black. It has a hue angle of 232 degrees, a saturation of 96.3% and a lightness of 68%. #5f74fc color hex could be obtained by blending #bee8ff with #0000f9. Closest websafe color is: #6666ff.

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

● #5f74fc color description : Soft blue.

The hexadecimal color #5f74fc has RGB values of R:95, G:116, B:252 and CMYK values of C:0.62, M:0.54, Y:0, K:0.01. Its decimal value is 6255868.

Hex triplet	5f74fc	`#5f74fc`
RGB Decimal	95, 116, 252	`rgb(95,116,252)`
RGB Percent	37.3, 45.5, 98.8	`rgb(37.3%,45.5%,98.8%)`
CMYK	62, 54, 0, 1
HSL	232°, 96.3, 68	`hsl(232,96.3%,68%)`
HSV (or HSB)	232°, 62.3, 98.8
Web Safe	6666ff	`#6666ff`

CIE-LAB	53.974, 33.172, -70.346
XYZ	28.532, 21.95, 94.823
xyY	0.196, 0.151, 21.95
CIE-LCH	53.974, 77.775, 295.246
CIE-LUV	53.974, -14.134, -112.789
Hunter-Lab	46.851, 26.714, -87.202
Binary	01011111, 01110100, 11111100

#5f74fc
```
#5f74fc rgb(95,116,252)
```
#fce75f
```
#fce75f rgb(252,231,95)
```

Complementary Color

#5fc3fc
```
#5fc3fc rgb(95,195,252)
```
#5f74fc
```
#5f74fc rgb(95,116,252)
```
#995ffc
```
#995ffc rgb(153,95,252)
```

Analogous Color

#c3fc5f
```
#c3fc5f rgb(195,252,95)
```
#5f74fc
```
#5f74fc rgb(95,116,252)
```
#fc995f
```
#fc995f rgb(252,153,95)
```

Split Complementary Color

#74fc5f
```
#74fc5f rgb(116,252,95)
```
#5f74fc
```
#5f74fc rgb(95,116,252)
```
#fc5f74
```
#fc5f74 rgb(252,95,116)
```

Triadic Color

#5ffce7
```
#5ffce7 rgb(95,252,231)
```
#5f74fc
```
#5f74fc rgb(95,116,252)
```
#fc5f74
```
#fc5f74 rgb(252,95,116)
```
#fce75f
```
#fce75f rgb(252,231,95)
```

Tetradic Color

#1433fb
```
#1433fb rgb(20,51,251)
```
#2d49fb
```
#2d49fb rgb(45,73,251)
```
#465efc
```
#465efc rgb(70,94,252)
```
#5f74fc
```
#5f74fc rgb(95,116,252)
```
#788afc
```
#788afc rgb(120,138,252)
```
#919ffd
```
#919ffd rgb(145,159,253)
```
#aab5fd
```
#aab5fd rgb(170,181,253)
```

Monochromatic Color

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

#5f9bfc
```
#5f9bfc rgb(95,155,252)
```
#5f8efc
```
#5f8efc rgb(95,142,252)
```
#5f81fc
```
#5f81fc rgb(95,129,252)
```
#5f74fc
```
#5f74fc rgb(95,116,252)
```
#5f67fc
```
#5f67fc rgb(95,103,252)
```
#645ffc
```
#645ffc rgb(100,95,252)
```
#715ffc
```
#715ffc rgb(113,95,252)
```

Similar Colors

Text with hexadecimal color #5f74fc

This text has a font color of #5f74fc.

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

#5f74fc background color

This paragraph has a background color of #5f74fc.

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

#5f74fc border color

This element has a border color of #5f74fc.

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

CSS codes

.text {color:#5f74fc;}

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

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

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

#00020d
```
#00020d rgb(0,2,13)
```
#010521
```
#010521 rgb(1,5,33)
```
#010834
```
#010834 rgb(1,8,52)
```
#010b47
```
#010b47 rgb(1,11,71)
```
#020e5a
```
#020e5a rgb(2,14,90)
```
#02106e
```
#02106e rgb(2,16,110)
```
#021381
```
#021381 rgb(2,19,129)
```
#031694
```
#031694 rgb(3,22,148)
```
#0319a7
```
#0319a7 rgb(3,25,167)
```
#031cbb
```
#031cbb rgb(3,28,187)
```
#041fce
```
#041fce rgb(4,31,206)
```
#0422e1
```
#0422e1 rgb(4,34,225)
```
#0525f4
```
#0525f4 rgb(5,37,244)
```

Shade Color Variation

#1231fb
```
#1231fb rgb(18,49,251)
```
#2542fb
```
#2542fb rgb(37,66,251)
```
#3853fb
```
#3853fb rgb(56,83,251)
```
#4c63fc
```
#4c63fc rgb(76,99,252)
```
#5f74fc
```
#5f74fc rgb(95,116,252)
```
#7285fc
```
#7285fc rgb(114,133,252)
```
#8695fd
```
#8695fd rgb(134,149,253)
```
#99a6fd
```
#99a6fd rgb(153,166,253)
```
#acb7fd
```
#acb7fd rgb(172,183,253)
```
#bfc8fe
```
#bfc8fe rgb(191,200,254)
```
#d3d8fe
```
#d3d8fe rgb(211,216,254)
```
#e6e9ff
```
#e6e9ff rgb(230,233,255)
```
#f9faff
```
#f9faff rgb(249,250,255)
```

Tint Color Variation

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

#aaabb1
```
#aaabb1 rgb(170,171,177)
```
#a4a7b7
```
#a4a7b7 rgb(164,167,183)
```
#9ea2bd
```
#9ea2bd rgb(158,162,189)
```
#979dc4
```
#979dc4 rgb(151,157,196)
```
#9199ca
```
#9199ca rgb(145,153,202)
```
#8b94d0
```
#8b94d0 rgb(139,148,208)
```
#8590d6
```
#8590d6 rgb(133,144,214)
```
#7e8bdd
```
#7e8bdd rgb(126,139,221)
```
#7886e3
```
#7886e3 rgb(120,134,227)
```
#7282e9
```
#7282e9 rgb(114,130,233)
```
#6c7def
```
#6c7def rgb(108,125,239)
```
#6579f6
```
#6579f6 rgb(101,121,246)
```
#5f74fc
```
#5f74fc rgb(95,116,252)
```

Tone Color Variation

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

#2183ff Protanopia 1% of men
#008ae3 Deuteranopia 1% of men
#09949f Tritanopia 0.001% of the population

Trichromacy

#377dfd Protanomaly 1% of men, 0.01% of women
#2282ec Deuteranomaly 6% of men, 0.4% of women
#2888c1 Tritanomaly 0.01% of the population

#5f74fc hex color

#5f74fc Color Information

#5f74fc Color Conversion

Color Schemes with #5f74fc

Alternatives to #5f74fc

#5f74fc Preview

Shades and Tints of #5f74fc

Tones of #5f74fc

Color Blindness Simulator