#5f74ff hex color

In a RGB color space, hex #5f74ff is composed of 37.3% red, 45.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 54.5% magenta, 0% yellow and 0% black. It has a hue angle of 232.1 degrees, a saturation of 100% and a lightness of 68.6%. #5f74ff color hex could be obtained by blending #bee8ff with #0000ff. Closest websafe color is: #6666ff.

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

● #5f74ff color description : Light blue.

The hexadecimal color #5f74ff has RGB values of R:95, G:116, B:255 and CMYK values of C:0.63, M:0.55, Y:0, K:0. Its decimal value is 6255871.

Hex triplet	5f74ff	`#5f74ff`
RGB Decimal	95, 116, 255	`rgb(95,116,255)`
RGB Percent	37.3, 45.5, 100	`rgb(37.3%,45.5%,100%)`
CMYK	63, 55, 0, 0
HSL	232.1°, 100, 68.6	`hsl(232.1,100%,68.6%)`
HSV (or HSB)	232.1°, 62.7, 100
Web Safe	6666ff	`#6666ff`

CIE-LAB	54.177, 34.16, -71.676
XYZ	29.011, 22.142, 97.347
xyY	0.195, 0.149, 22.142
CIE-LCH	54.177, 79.4, 295.482
CIE-LUV	54.177, -14.214, -114.977
Hunter-Lab	47.055, 27.703, -89.719
Binary	01011111, 01110100, 11111111

#5f74ff
```
#5f74ff rgb(95,116,255)
```
#ffea5f
```
#ffea5f rgb(255,234,95)
```

Complementary Color

#5fc4ff
```
#5fc4ff rgb(95,196,255)
```
#5f74ff
```
#5f74ff rgb(95,116,255)
```
#9a5fff
```
#9a5fff rgb(154,95,255)
```

Analogous Color

#c4ff5f
```
#c4ff5f rgb(196,255,95)
```
#5f74ff
```
#5f74ff rgb(95,116,255)
```
#ff9a5f
```
#ff9a5f rgb(255,154,95)
```

Split Complementary Color

#74ff5f
```
#74ff5f rgb(116,255,95)
```
#5f74ff
```
#5f74ff rgb(95,116,255)
```
#ff5f74
```
#ff5f74 rgb(255,95,116)
```

Triadic Color

#5fffea
```
#5fffea rgb(95,255,234)
```
#5f74ff
```
#5f74ff rgb(95,116,255)
```
#ff5f74
```
#ff5f74 rgb(255,95,116)
```
#ffea5f
```
#ffea5f rgb(255,234,95)
```

Tetradic Color

#1332ff
```
#1332ff rgb(19,50,255)
```
#2c48ff
```
#2c48ff rgb(44,72,255)
```
#465eff
```
#465eff rgb(70,94,255)
```
#5f74ff
```
#5f74ff rgb(95,116,255)
```
#798aff
```
#798aff rgb(121,138,255)
```
#92a0ff
```
#92a0ff rgb(146,160,255)
```
#acb6ff
```
#acb6ff rgb(172,182,255)
```

Monochromatic Color

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

#5f9cff
```
#5f9cff rgb(95,156,255)
```
#5f8fff
```
#5f8fff rgb(95,143,255)
```
#5f81ff
```
#5f81ff rgb(95,129,255)
```
#5f74ff
```
#5f74ff rgb(95,116,255)
```
#5f67ff
```
#5f67ff rgb(95,103,255)
```
#655fff
```
#655fff rgb(101,95,255)
```
#725fff
```
#725fff rgb(114,95,255)
```

Similar Colors

Text with hexadecimal color #5f74ff

This text has a font color of #5f74ff.

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

#5f74ff background color

This paragraph has a background color of #5f74ff.

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

#5f74ff border color

This element has a border color of #5f74ff.

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

CSS codes

.text {color:#5f74ff;}

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

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

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

#000211
```
#000211 rgb(0,2,17)
```
#000524
```
#000524 rgb(0,5,36)
```
#000738
```
#000738 rgb(0,7,56)
```
#000a4b
```
#000a4b rgb(0,10,75)
```
#000c5f
```
#000c5f rgb(0,12,95)
```
#000f73
```
#000f73 rgb(0,15,115)
```
#001286
```
#001286 rgb(0,18,134)
```
#00149a
```
#00149a rgb(0,20,154)
```
#0017ad
```
#0017ad rgb(0,23,173)
```
#0019c1
```
#0019c1 rgb(0,25,193)
```
#001cd5
```
#001cd5 rgb(0,28,213)
```
#001ee8
```
#001ee8 rgb(0,30,232)
```
#0021fc
```
#0021fc rgb(0,33,252)
```

Shade Color Variation

#1130ff
```
#1130ff rgb(17,48,255)
```
#2441ff
```
#2441ff rgb(36,65,255)
```
#3852ff
```
#3852ff rgb(56,82,255)
```
#4b63ff
```
#4b63ff rgb(75,99,255)
```
#5f74ff
```
#5f74ff rgb(95,116,255)
```
#7385ff
```
#7385ff rgb(115,133,255)
```
#8696ff
```
#8696ff rgb(134,150,255)
```
#9aa7ff
```
#9aa7ff rgb(154,167,255)
```
#adb8ff
```
#adb8ff rgb(173,184,255)
```
#c1c9ff
```
#c1c9ff rgb(193,201,255)
```
#d5daff
```
#d5daff rgb(213,218,255)
```
#e8ebff
```
#e8ebff rgb(232,235,255)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

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

#a9aab5
```
#a9aab5 rgb(169,170,181)
```
#a3a6bb
```
#a3a6bb rgb(163,166,187)
```
#9da1c1
```
#9da1c1 rgb(157,161,193)
```
#969dc8
```
#969dc8 rgb(150,157,200)
```
#9098ce
```
#9098ce rgb(144,152,206)
```
#8a94d4
```
#8a94d4 rgb(138,148,212)
```
#848fda
```
#848fda rgb(132,143,218)
```
#7e8be0
```
#7e8be0 rgb(126,139,224)
```
#7886e6
```
#7886e6 rgb(120,134,230)
```
#7182ed
```
#7182ed rgb(113,130,237)
```
#6b7df3
```
#6b7df3 rgb(107,125,243)
```
#6579f9
```
#6579f9 rgb(101,121,249)
```
#5f74ff
```
#5f74ff rgb(95,116,255)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#787c98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2583ff Protanopia 1% of men
#008ae3 Deuteranopia 1% of men
#0095a0 Tritanopia 0.001% of the population

Trichromacy

#3a7eff Protanomaly 1% of men, 0.01% of women
#2282ed Deuteranomaly 6% of men, 0.4% of women
#2289c2 Tritanomaly 0.01% of the population

#5f74ff hex color

#5f74ff Color Information

#5f74ff Color Conversion

Color Schemes with #5f74ff

Alternatives to #5f74ff

#5f74ff Preview

Shades and Tints of #5f74ff

Tones of #5f74ff

Color Blindness Simulator