colorhexa.com

#5f5be2 hex color

In a RGB color space, hex #5f5be2 is composed of 37.3% red, 35.7% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 58% cyan, 59.7% magenta, 0% yellow and 11.4% black. It has a hue angle of 241.8 degrees, a saturation of 69.9% and a lightness of 62.2%. #5f5be2 color hex could be obtained by blending #beb6ff with #0000c5. Closest websafe color is: #6666cc.

- R 37
- G 36
- B 89
RGB color chart
- C 58
- M 60
- Y 0
- K 11
CMYK color chart

● #5f5be2 color description : Soft blue.

The hexadecimal color #5f5be2 has RGB values of R:95, G:91, B:226 and CMYK values of C:0.58, M:0.6, Y:0, K:0.11. Its decimal value is 6249442.

Hex triplet	5f5be2	`#5f5be2`
RGB Decimal	95, 91, 226	`rgb(95,91,226)`
RGB Percent	37.3, 35.7, 88.6	`rgb(37.3%,35.7%,88.6%)`
CMYK	58, 60, 0, 11
HSL	241.8°, 69.9, 62.2	`hsl(241.8,69.9%,62.2%)`
HSV (or HSB)	241.8°, 59.7, 88.6
Web Safe	6666cc	`#6666cc`

CIE-LAB	46.184, 39.819, -68.43
XYZ	22.185, 15.405, 73.752
xyY	0.199, 0.138, 15.405
CIE-LCH	46.184, 79.172, 300.195
CIE-LUV	46.184, -6.501, -105.761
Hunter-Lab	39.249, 32.208, -83.935
Binary	01011111, 01011011, 11100010

#5f5be2
```
#5f5be2 rgb(95,91,226)
```
#dee25b
```
#dee25b rgb(222,226,91)
```

Complementary Color

#5b9be2
```
#5b9be2 rgb(91,155,226)
```
#5f5be2
```
#5f5be2 rgb(95,91,226)
```
#a35be2
```
#a35be2 rgb(163,91,226)
```

Analogous Color

#9be25b
```
#9be25b rgb(155,226,91)
```
#5f5be2
```
#5f5be2 rgb(95,91,226)
```
#e2a35b
```
#e2a35b rgb(226,163,91)
```

Split Complementary Color

#5be25f
```
#5be25f rgb(91,226,95)
```
#5f5be2
```
#5f5be2 rgb(95,91,226)
```
#e25f5b
```
#e25f5b rgb(226,95,91)
```

Triadic Color

#5bdee2
```
#5bdee2 rgb(91,222,226)
```
#5f5be2
```
#5f5be2 rgb(95,91,226)
```
#e25f5b
```
#e25f5b rgb(226,95,91)
```
#dee25b
```
#dee25b rgb(222,226,91)
```

Tetradic Color

#2924cc
```
#2924cc rgb(41,36,204)
```
#3530da
```
#3530da rgb(53,48,218)
```
#4a45de
```
#4a45de rgb(74,69,222)
```
#5f5be2
```
#5f5be2 rgb(95,91,226)
```
#7471e6
```
#7471e6 rgb(116,113,230)
```
#8986ea
```
#8986ea rgb(137,134,234)
```
#9e9ced
```
#9e9ced rgb(158,156,237)
```

Monochromatic Color

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

#5b79e2
```
#5b79e2 rgb(91,121,226)
```
#5b6ee2
```
#5b6ee2 rgb(91,110,226)
```
#5b62e2
```
#5b62e2 rgb(91,98,226)
```
#5f5be2
```
#5f5be2 rgb(95,91,226)
```
#6a5be2
```
#6a5be2 rgb(106,91,226)
```
#765be2
```
#765be2 rgb(118,91,226)
```
#815be2
```
#815be2 rgb(129,91,226)
```

Similar Colors

Text with hexadecimal color #5f5be2

This text has a font color of #5f5be2.

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

#5f5be2 background color

This paragraph has a background color of #5f5be2.

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

#5f5be2 border color

This element has a border color of #5f5be2.

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

CSS codes

.text {color:#5f5be2;}

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

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

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

#010003
```
#010003 rgb(1,0,3)
```
#040313
```
#040313 rgb(4,3,19)
```
#070624
```
#070624 rgb(7,6,36)
```
#0b0935
```
#0b0935 rgb(11,9,53)
```
#0e0c45
```
#0e0c45 rgb(14,12,69)
```
#110f56
```
#110f56 rgb(17,15,86)
```
#151267
```
#151267 rgb(21,18,103)
```
#181577
```
#181577 rgb(24,21,119)
```
#1b1888
```
#1b1888 rgb(27,24,136)
```
#1f1b99
```
#1f1b99 rgb(31,27,153)
```
#221ea9
```
#221ea9 rgb(34,30,169)
```
#2521ba
```
#2521ba rgb(37,33,186)
```
#2924cb
```
#2924cb rgb(41,36,203)
```

Shade Color Variation

#2e29d9
```
#2e29d9 rgb(46,41,217)
```
#3e3adc
```
#3e3adc rgb(62,58,220)
```
#4f4adf
```
#4f4adf rgb(79,74,223)
```
#5f5be2
```
#5f5be2 rgb(95,91,226)
```
#6f6ce5
```
#6f6ce5 rgb(111,108,229)
```
#807ce8
```
#807ce8 rgb(128,124,232)
```
#908deb
```
#908deb rgb(144,141,235)
```
#a09eee
```
#a09eee rgb(160,158,238)
```
#b0aef1
```
#b0aef1 rgb(176,174,241)
```
#c1bff4
```
#c1bff4 rgb(193,191,244)
```
#d1d0f7
```
#d1d0f7 rgb(209,208,247)
```
#e1e0fa
```
#e1e0fa rgb(225,224,250)
```
#f1f1fd
```
#f1f1fd rgb(241,241,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9e9e9f is the less saturated color, while #4a45f8 is the most saturated one.

#9e9e9f
```
#9e9e9f rgb(158,158,159)
```
#9796a7
```
#9796a7 rgb(151,150,167)
```
#908fae
```
#908fae rgb(144,143,174)
```
#8988b5
```
#8988b5 rgb(137,136,181)
```
#8280bd
```
#8280bd rgb(130,128,189)
```
#7b79c4
```
#7b79c4 rgb(123,121,196)
```
#7471cc
```
#7471cc rgb(116,113,204)
```
#6d6ad3
```
#6d6ad3 rgb(109,106,211)
```
#6662db
```
#6662db rgb(102,98,219)
```
#5f5be2
```
#5f5be2 rgb(95,91,226)
```
#5854e9
```
#5854e9 rgb(88,84,233)
```
#514cf1
```
#514cf1 rgb(81,76,241)
```
#4a45f8
```
#4a45f8 rgb(74,69,248)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#696984 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071de Protanopia 1% of men
#0077c2 Deuteranopia 1% of men
#317e88 Tritanopia 0.001% of the population

Trichromacy

#2269df Protanomaly 1% of men, 0.01% of women
#226dce Deuteranomaly 6% of men, 0.4% of women
#4271a8 Tritanomaly 0.01% of the population