colorhexa.com

#5f71fe hex color

In a RGB color space, hex #5f71fe is composed of 37.3% red, 44.3% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 62.6% cyan, 55.5% magenta, 0% yellow and 0.4% black. It has a hue angle of 233.2 degrees, a saturation of 98.8% and a lightness of 68.4%. #5f71fe color hex could be obtained by blending #bee2ff with #0000fd. Closest websafe color is: #6666ff.

- R 37
- G 44
- B 100
RGB color chart
- C 63
- M 56
- Y 0
- K 0
CMYK color chart

● #5f71fe color description : Soft blue.

The hexadecimal color #5f71fe has RGB values of R:95, G:113, B:254 and CMYK values of C:0.63, M:0.56, Y:0, K:0. Its decimal value is 6255102.

Hex triplet	5f71fe	`#5f71fe`
RGB Decimal	95, 113, 254	`rgb(95,113,254)`
RGB Percent	37.3, 44.3, 99.6	`rgb(37.3%,44.3%,99.6%)`
CMYK	63, 56, 0, 0
HSL	233.2°, 98.8, 68.4	`hsl(233.2,98.8%,68.4%)`
HSV (or HSB)	233.2°, 62.6, 99.6
Web Safe	6666ff	`#6666ff`

CIE-LAB	53.382, 35.642, -72.413
XYZ	28.51, 21.397, 96.388
xyY	0.195, 0.146, 21.397
CIE-LCH	53.382, 80.709, 296.207
CIE-LUV	53.382, -13.373, -115.748
Hunter-Lab	46.257, 29.066, -91.165
Binary	01011111, 01110001, 11111110

#5f71fe
```
#5f71fe rgb(95,113,254)
```
#feec5f
```
#feec5f rgb(254,236,95)
```

Complementary Color

#5fc1fe
```
#5fc1fe rgb(95,193,254)
```
#5f71fe
```
#5f71fe rgb(95,113,254)
```
#9d5ffe
```
#9d5ffe rgb(157,95,254)
```

Analogous Color

#c1fe5f
```
#c1fe5f rgb(193,254,95)
```
#5f71fe
```
#5f71fe rgb(95,113,254)
```
#fe9d5f
```
#fe9d5f rgb(254,157,95)
```

Split Complementary Color

#71fe5f
```
#71fe5f rgb(113,254,95)
```
#5f71fe
```
#5f71fe rgb(95,113,254)
```
#fe5f71
```
#fe5f71 rgb(254,95,113)
```

Triadic Color

#5ffeec
```
#5ffeec rgb(95,254,236)
```
#5f71fe
```
#5f71fe rgb(95,113,254)
```
#fe5f71
```
#fe5f71 rgb(254,95,113)
```
#feec5f
```
#feec5f rgb(254,236,95)
```

Tetradic Color

#132efe
```
#132efe rgb(19,46,254)
```
#2c44fe
```
#2c44fe rgb(44,68,254)
```
#465bfe
```
#465bfe rgb(70,91,254)
```
#5f71fe
```
#5f71fe rgb(95,113,254)
```
#7887fe
```
#7887fe rgb(120,135,254)
```
#929efe
```
#929efe rgb(146,158,254)
```
#abb4fe
```
#abb4fe rgb(171,180,254)
```

Monochromatic Color

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

#5f99fe
```
#5f99fe rgb(95,153,254)
```
#5f8cfe
```
#5f8cfe rgb(95,140,254)
```
#5f7efe
```
#5f7efe rgb(95,126,254)
```
#5f71fe
```
#5f71fe rgb(95,113,254)
```
#5f64fe
```
#5f64fe rgb(95,100,254)
```
#685ffe
```
#685ffe rgb(104,95,254)
```
#755ffe
```
#755ffe rgb(117,95,254)
```

Similar Colors

Text with hexadecimal color #5f71fe

This text has a font color of #5f71fe.

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

#5f71fe background color

This paragraph has a background color of #5f71fe.

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

#5f71fe border color

This element has a border color of #5f71fe.

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

CSS codes

.text {color:#5f71fe;}

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

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

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

#00020f
```
#00020f rgb(0,2,15)
```
#000423
```
#000423 rgb(0,4,35)
```
#000636
```
#000636 rgb(0,6,54)
```
#00094a
```
#00094a rgb(0,9,74)
```
#010b5d
```
#010b5d rgb(1,11,93)
```
#010d71
```
#010d71 rgb(1,13,113)
```
#011084
```
#011084 rgb(1,16,132)
```
#011298
```
#011298 rgb(1,18,152)
```
#0114ab
```
#0114ab rgb(1,20,171)
```
#0117bf
```
#0117bf rgb(1,23,191)
```
#0119d2
```
#0119d2 rgb(1,25,210)
```
#011be6
```
#011be6 rgb(1,27,230)
```
#021ef9
```
#021ef9 rgb(2,30,249)
```

Shade Color Variation

#112cfe
```
#112cfe rgb(17,44,254)
```
#253dfe
```
#253dfe rgb(37,61,254)
```
#384efe
```
#384efe rgb(56,78,254)
```
#4c60fe
```
#4c60fe rgb(76,96,254)
```
#5f71fe
```
#5f71fe rgb(95,113,254)
```
#7282fe
```
#7282fe rgb(114,130,254)
```
#8694fe
```
#8694fe rgb(134,148,254)
```
#99a5fe
```
#99a5fe rgb(153,165,254)
```
#adb6fe
```
#adb6fe rgb(173,182,254)
```
#c0c8ff
```
#c0c8ff rgb(192,200,255)
```
#d4d9ff
```
#d4d9ff rgb(212,217,255)
```
#e7eaff
```
#e7eaff rgb(231,234,255)
```
#fbfbff
```
#fbfbff rgb(251,251,255)
```

Tint Color Variation

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

#a9aab4
```
#a9aab4 rgb(169,170,180)
```
#a3a6ba
```
#a3a6ba rgb(163,166,186)
```
#9da1c0
```
#9da1c0 rgb(157,161,192)
```
#979cc6
```
#979cc6 rgb(151,156,198)
```
#9197cc
```
#9197cc rgb(145,151,204)
```
#8a93d3
```
#8a93d3 rgb(138,147,211)
```
#848ed9
```
#848ed9 rgb(132,142,217)
```
#7e89df
```
#7e89df rgb(126,137,223)
```
#7884e5
```
#7884e5 rgb(120,132,229)
```
#727feb
```
#727feb rgb(114,127,235)
```
#6b7bf2
```
#6b7bf2 rgb(107,123,242)
```
#6576f8
```
#6576f8 rgb(101,118,248)
```
#5f71fe
```
#5f71fe rgb(95,113,254)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#767a96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0081fe Protanopia 1% of men
#0088e0 Deuteranopia 1% of men
#00939d Tritanopia 0.001% of the population

Trichromacy

#227bfe Protanomaly 1% of men, 0.01% of women
#2280eb Deuteranomaly 6% of men, 0.4% of women
#2286c0 Tritanomaly 0.01% of the population