#5f7ae7 hex color

In a RGB color space, hex #5f7ae7 is composed of 37.3% red, 47.8% green and 90.6% blue. Whereas in a CMYK color space, it is composed of 58.9% cyan, 47.2% magenta, 0% yellow and 9.4% black. It has a hue angle of 228.1 degrees, a saturation of 73.9% and a lightness of 63.9%. #5f7ae7 color hex could be obtained by blending #bef4ff with #0000cf. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 37
- G 48
- B 91
RGB color chart
- C 59
- M 47
- Y 0
- K 9
CMYK color chart

● #5f7ae7 color description : Soft blue.

The hexadecimal color #5f7ae7 has RGB values of R:95, G:122, B:231 and CMYK values of C:0.59, M:0.47, Y:0, K:0.09. Its decimal value is 6257383.

Hex triplet	5f7ae7	`#5f7ae7`
RGB Decimal	95, 122, 231	`rgb(95,122,231)`
RGB Percent	37.3, 47.8, 90.6	`rgb(37.3%,47.8%,90.6%)`
CMYK	59, 47, 0, 9
HSL	228.1°, 73.9, 63.9	`hsl(228.1,73.9%,63.9%)`
HSV (or HSB)	228.1°, 58.9, 90.6
Web Safe	6666ff	`#6666ff`

CIE-LAB	54.154, 22.6, -58.373
XYZ	26.1, 22.12, 78.491
xyY	0.206, 0.175, 22.12
CIE-LCH	54.154, 62.596, 291.165
CIE-LUV	54.154, -15.418, -93.513
Hunter-Lab	47.032, 16.749, -66.026
Binary	01011111, 01111010, 11100111

#5f7ae7
```
#5f7ae7 rgb(95,122,231)
```
#e7cc5f
```
#e7cc5f rgb(231,204,95)
```

Complementary Color

#5fbee7
```
#5fbee7 rgb(95,190,231)
```
#5f7ae7
```
#5f7ae7 rgb(95,122,231)
```
#885fe7
```
#885fe7 rgb(136,95,231)
```

Analogous Color

#bee75f
```
#bee75f rgb(190,231,95)
```
#5f7ae7
```
#5f7ae7 rgb(95,122,231)
```
#e7885f
```
#e7885f rgb(231,136,95)
```

Split Complementary Color

#7ae75f
```
#7ae75f rgb(122,231,95)
```
#5f7ae7
```
#5f7ae7 rgb(95,122,231)
```
#e75f7a
```
#e75f7a rgb(231,95,122)
```

Triadic Color

#5fe7cc
```
#5fe7cc rgb(95,231,204)
```
#5f7ae7
```
#5f7ae7 rgb(95,122,231)
```
#e75f7a
```
#e75f7a rgb(231,95,122)
```
#e7cc5f
```
#e7cc5f rgb(231,204,95)
```

Tetradic Color

#2145d9
```
#2145d9 rgb(33,69,217)
```
#3355e0
```
#3355e0 rgb(51,85,224)
```
#4968e4
```
#4968e4 rgb(73,104,228)
```
#5f7ae7
```
#5f7ae7 rgb(95,122,231)
```
#758cea
```
#758cea rgb(117,140,234)
```
#8b9fee
```
#8b9fee rgb(139,159,238)
```
#a2b1f1
```
#a2b1f1 rgb(162,177,241)
```

Monochromatic Color

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

#5f9ce7
```
#5f9ce7 rgb(95,156,231)
```
#5f91e7
```
#5f91e7 rgb(95,145,231)
```
#5f85e7
```
#5f85e7 rgb(95,133,231)
```
#5f7ae7
```
#5f7ae7 rgb(95,122,231)
```
#5f6fe7
```
#5f6fe7 rgb(95,111,231)
```
#5f63e7
```
#5f63e7 rgb(95,99,231)
```
#665fe7
```
#665fe7 rgb(102,95,231)
```

Similar Colors

Text with hexadecimal color #5f7ae7

This text has a font color of #5f7ae7.

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

#5f7ae7 background color

This paragraph has a background color of #5f7ae7.

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

#5f7ae7 border color

This element has a border color of #5f7ae7.

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

CSS codes

.text {color:#5f7ae7;}

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

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

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, #02030b is the darkest color, while #f9fafe is the lightest one.

#02030b
```
#02030b rgb(2,3,11)
```
#04091c
```
#04091c rgb(4,9,28)
```
#070e2d
```
#070e2d rgb(7,14,45)
```
#09143e
```
#09143e rgb(9,20,62)
```
#0c194f
```
#0c194f rgb(12,25,79)
```
#0e1f60
```
#0e1f60 rgb(14,31,96)
```
#112471
```
#112471 rgb(17,36,113)
```
#132982
```
#132982 rgb(19,41,130)
```
#162f93
```
#162f93 rgb(22,47,147)
```
#1934a4
```
#1934a4 rgb(25,52,164)
```
#1b3ab5
```
#1b3ab5 rgb(27,58,181)
```
#1e3fc6
```
#1e3fc6 rgb(30,63,198)
```
#2045d7
```
#2045d7 rgb(32,69,215)
```

Shade Color Variation

#2c4fdf
```
#2c4fdf rgb(44,79,223)
```
#3d5ee2
```
#3d5ee2 rgb(61,94,226)
```
#4e6ce4
```
#4e6ce4 rgb(78,108,228)
```
#5f7ae7
```
#5f7ae7 rgb(95,122,231)
```
#7088ea
```
#7088ea rgb(112,136,234)
```
#8196ec
```
#8196ec rgb(129,150,236)
```
#92a5ef
```
#92a5ef rgb(146,165,239)
```
#a3b3f1
```
#a3b3f1 rgb(163,179,241)
```
#b4c1f4
```
#b4c1f4 rgb(180,193,244)
```
#c5cff6
```
#c5cff6 rgb(197,207,246)
```
#d6ddf9
```
#d6ddf9 rgb(214,221,249)
```
#e7ebfb
```
#e7ebfb rgb(231,235,251)
```
#f9fafe
```
#f9fafe rgb(249,250,254)
```

Tint Color Variation

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

#9fa0a7
```
#9fa0a7 rgb(159,160,167)
```
#989cae
```
#989cae rgb(152,156,174)
```
#9198b5
```
#9198b5 rgb(145,152,181)
```
#8994bd
```
#8994bd rgb(137,148,189)
```
#828fc4
```
#828fc4 rgb(130,143,196)
```
#7b8bcb
```
#7b8bcb rgb(123,139,203)
```
#7487d2
```
#7487d2 rgb(116,135,210)
```
#6d83d9
```
#6d83d9 rgb(109,131,217)
```
#667ee0
```
#667ee0 rgb(102,126,224)
```
#5f7ae7
```
#5f7ae7 rgb(95,122,231)
```
#5876ee
```
#5876ee rgb(88,118,238)
```
#5171f5
```
#5171f5 rgb(81,113,245)
```
#4a6dfc
```
#4a6dfc rgb(74,109,252)
```

Tone Color Variation

Below, you can see how #5f7ae7 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
#787d93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e84eb Protanopia 1% of men
#2489e4 Deuteranopia 1% of men
#3b939e Tritanopia 0.001% of the population

Trichromacy

#5480e9 Protanomaly 1% of men, 0.01% of women
#3984e5 Deuteranomaly 6% of men, 0.4% of women
#488ab8 Tritanomaly 0.01% of the population

#5f7ae7 hex color

#5f7ae7 Color Information

#5f7ae7 Color Conversion

Color Schemes with #5f7ae7

Alternatives to #5f7ae7

#5f7ae7 Preview

Shades and Tints of #5f7ae7

Tones of #5f7ae7

Color Blindness Simulator