#5f62ef hex color

In a RGB color space, hex #5f62ef is composed of 37.3% red, 38.4% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 60.3% cyan, 59% magenta, 0% yellow and 6.3% black. It has a hue angle of 238.8 degrees, a saturation of 81.8% and a lightness of 65.5%. #5f62ef color hex could be obtained by blending #bec4ff with #0000df. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 37
- G 38
- B 94
RGB color chart
- C 60
- M 59
- Y 0
- K 6
CMYK color chart

● #5f62ef color description : Soft blue.

The hexadecimal color #5f62ef has RGB values of R:95, G:98, B:239 and CMYK values of C:0.6, M:0.59, Y:0, K:0.06. Its decimal value is 6251247.

Hex triplet	5f62ef	`#5f62ef`
RGB Decimal	95, 98, 239	`rgb(95,98,239)`
RGB Percent	37.3, 38.4, 93.7	`rgb(37.3%,38.4%,93.7%)`
CMYK	60, 59, 0, 6
HSL	238.8°, 81.8, 65.5	`hsl(238.8,81.8%,65.5%)`
HSV (or HSB)	238.8°, 60.3, 93.7
Web Safe	6666ff	`#6666ff`

CIE-LAB	48.759, 39.783, -71.569
XYZ	24.664, 17.399, 83.715
xyY	0.196, 0.138, 17.399
CIE-LCH	48.759, 81.883, 299.069
CIE-LUV	48.759, -8.908, -111.954
Hunter-Lab	41.712, 32.548, -89.795
Binary	01011111, 01100010, 11101111

#5f62ef
```
#5f62ef rgb(95,98,239)
```
#efec5f
```
#efec5f rgb(239,236,95)
```

Complementary Color

#5faaef
```
#5faaef rgb(95,170,239)
```
#5f62ef
```
#5f62ef rgb(95,98,239)
```
#a45fef
```
#a45fef rgb(164,95,239)
```

Analogous Color

#aaef5f
```
#aaef5f rgb(170,239,95)
```
#5f62ef
```
#5f62ef rgb(95,98,239)
```
#efa45f
```
#efa45f rgb(239,164,95)
```

Split Complementary Color

#62ef5f
```
#62ef5f rgb(98,239,95)
```
#5f62ef
```
#5f62ef rgb(95,98,239)
```
#ef5f62
```
#ef5f62 rgb(239,95,98)
```

Triadic Color

#5fefec
```
#5fefec rgb(95,239,236)
```
#5f62ef
```
#5f62ef rgb(95,98,239)
```
#ef5f62
```
#ef5f62 rgb(239,95,98)
```
#efec5f
```
#efec5f rgb(239,236,95)
```

Tetradic Color

#191ee8
```
#191ee8 rgb(25,30,232)
```
#3135ea
```
#3135ea rgb(49,53,234)
```
#484bed
```
#484bed rgb(72,75,237)
```
#5f62ef
```
#5f62ef rgb(95,98,239)
```
#7679f1
```
#7679f1 rgb(118,121,241)
```
#8d8ff4
```
#8d8ff4 rgb(141,143,244)
```
#a5a6f6
```
#a5a6f6 rgb(165,166,246)
```

Monochromatic Color

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

#5f86ef
```
#5f86ef rgb(95,134,239)
```
#5f7aef
```
#5f7aef rgb(95,122,239)
```
#5f6eef
```
#5f6eef rgb(95,110,239)
```
#5f62ef
```
#5f62ef rgb(95,98,239)
```
#685fef
```
#685fef rgb(104,95,239)
```
#745fef
```
#745fef rgb(116,95,239)
```
#805fef
```
#805fef rgb(128,95,239)
```

Similar Colors

Text with hexadecimal color #5f62ef

This text has a font color of #5f62ef.

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

#5f62ef background color

This paragraph has a background color of #5f62ef.

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

#5f62ef border color

This element has a border color of #5f62ef.

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

CSS codes

.text {color:#5f62ef;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#020212
```
#020212 rgb(2,2,18)
```
#040424
```
#040424 rgb(4,4,36)
```
#050636
```
#050636 rgb(5,6,54)
```
#070948
```
#070948 rgb(7,9,72)
```
#090b5a
```
#090b5a rgb(9,11,90)
```
#0b0d6b
```
#0b0d6b rgb(11,13,107)
```
#0d0f7d
```
#0d0f7d rgb(13,15,125)
```
#0e118f
```
#0e118f rgb(14,17,143)
```
#1013a1
```
#1013a1 rgb(16,19,161)
```
#1215b3
```
#1215b3 rgb(18,21,179)
```
#1417c5
```
#1417c5 rgb(20,23,197)
```
#1519d6
```
#1519d6 rgb(21,25,214)
```

Shade Color Variation

#181ce8
```
#181ce8 rgb(24,28,232)
```
#2a2eea
```
#2a2eea rgb(42,46,234)
```
#3b3feb
```
#3b3feb rgb(59,63,235)
```
#4d51ed
```
#4d51ed rgb(77,81,237)
```
#5f62ef
```
#5f62ef rgb(95,98,239)
```
#7173f1
```
#7173f1 rgb(113,115,241)
```
#8385f3
```
#8385f3 rgb(131,133,243)
```
#9496f4
```
#9496f4 rgb(148,150,244)
```
#a6a8f6
```
#a6a8f6 rgb(166,168,246)
```
#b8b9f8
```
#b8b9f8 rgb(184,185,248)
```
#cacbfa
```
#cacbfa rgb(202,203,250)
```
#dcdcfb
```
#dcdcfb rgb(220,220,251)
```
#eeeefd
```
#eeeefd rgb(238,238,253)
```

Tint Color Variation

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

#a3a3ab
```
#a3a3ab rgb(163,163,171)
```
#9c9cb2
```
#9c9cb2 rgb(156,156,178)
```
#9596b9
```
#9596b9 rgb(149,150,185)
```
#8e8fc0
```
#8e8fc0 rgb(142,143,192)
```
#8889c6
```
#8889c6 rgb(136,137,198)
```
#8182cd
```
#8182cd rgb(129,130,205)
```
#7a7cd4
```
#7a7cd4 rgb(122,124,212)
```
#7375db
```
#7375db rgb(115,117,219)
```
#6d6fe1
```
#6d6fe1 rgb(109,111,225)
```
#6668e8
```
#6668e8 rgb(102,104,232)
```
#5f62ef
```
#5f62ef rgb(95,98,239)
```
#585cf6
```
#585cf6 rgb(88,92,246)
```
#5155fd
```
#5155fd rgb(81,85,253)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#6d6e8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077e9 Protanopia 1% of men
#007dcd Deuteranopia 1% of men
#218690 Tritanopia 0.001% of the population

Trichromacy

#226feb Protanomaly 1% of men, 0.01% of women
#2273d9 Deuteranomaly 6% of men, 0.4% of women
#3779b2 Tritanomaly 0.01% of the population

#5f62ef hex color

#5f62ef Color Information

#5f62ef Color Conversion

Color Schemes with #5f62ef

Alternatives to #5f62ef

#5f62ef Preview

Shades and Tints of #5f62ef

Tones of #5f62ef

Color Blindness Simulator