#5f7ae8 hex color

In a RGB color space, hex #5f7ae8 is composed of 37.3% red, 47.8% green and 91% blue. Whereas in a CMYK color space, it is composed of 59.1% cyan, 47.4% magenta, 0% yellow and 9% black. It has a hue angle of 228.2 degrees, a saturation of 74.9% and a lightness of 64.1%. #5f7ae8 color hex could be obtained by blending #bef4ff with #0000d1. 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

● #5f7ae8 color description : Soft blue.

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

Hex triplet	5f7ae8	`#5f7ae8`
RGB Decimal	95, 122, 232	`rgb(95,122,232)`
RGB Percent	37.3, 47.8, 91	`rgb(37.3%,47.8%,91%)`
CMYK	59, 47, 0, 9
HSL	228.2°, 74.9, 64.1	`hsl(228.2,74.9%,64.1%)`
HSV (or HSB)	228.2°, 59.1, 91
Web Safe	6666ff	`#6666ff`

CIE-LAB	54.214, 22.929, -58.836
XYZ	26.241, 22.177, 79.237
xyY	0.206, 0.174, 22.177
CIE-LCH	54.214, 63.146, 291.291
CIE-LUV	54.214, -15.436, -94.294
Hunter-Lab	47.092, 17.054, -66.796
Binary	01011111, 01111010, 11101000

#5f7ae8
```
#5f7ae8 rgb(95,122,232)
```
#e8cd5f
```
#e8cd5f rgb(232,205,95)
```

Complementary Color

#5fbfe8
```
#5fbfe8 rgb(95,191,232)
```
#5f7ae8
```
#5f7ae8 rgb(95,122,232)
```
#895fe8
```
#895fe8 rgb(137,95,232)
```

Analogous Color

#bfe85f
```
#bfe85f rgb(191,232,95)
```
#5f7ae8
```
#5f7ae8 rgb(95,122,232)
```
#e8895f
```
#e8895f rgb(232,137,95)
```

Split Complementary Color

#7ae85f
```
#7ae85f rgb(122,232,95)
```
#5f7ae8
```
#5f7ae8 rgb(95,122,232)
```
#e85f7a
```
#e85f7a rgb(232,95,122)
```

Triadic Color

#5fe8cd
```
#5fe8cd rgb(95,232,205)
```
#5f7ae8
```
#5f7ae8 rgb(95,122,232)
```
#e85f7a
```
#e85f7a rgb(232,95,122)
```
#e8cd5f
```
#e8cd5f rgb(232,205,95)
```

Tetradic Color

#1f44db
```
#1f44db rgb(31,68,219)
```
#3255e2
```
#3255e2 rgb(50,85,226)
```
#4967e5
```
#4967e5 rgb(73,103,229)
```
#5f7ae8
```
#5f7ae8 rgb(95,122,232)
```
#758deb
```
#758deb rgb(117,141,235)
```
#8c9fee
```
#8c9fee rgb(140,159,238)
```
#a2b2f2
```
#a2b2f2 rgb(162,178,242)
```

Monochromatic Color

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

#5f9ce8
```
#5f9ce8 rgb(95,156,232)
```
#5f91e8
```
#5f91e8 rgb(95,145,232)
```
#5f85e8
```
#5f85e8 rgb(95,133,232)
```
#5f7ae8
```
#5f7ae8 rgb(95,122,232)
```
#5f6fe8
```
#5f6fe8 rgb(95,111,232)
```
#5f63e8
```
#5f63e8 rgb(95,99,232)
```
#665fe8
```
#665fe8 rgb(102,95,232)
```

Similar Colors

Text with hexadecimal color #5f7ae8

This text has a font color of #5f7ae8.

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

#5f7ae8 background color

This paragraph has a background color of #5f7ae8.

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

#5f7ae8 border color

This element has a border color of #5f7ae8.

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

CSS codes

.text {color:#5f7ae8;}

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

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

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

#02040c
```
#02040c rgb(2,4,12)
```
#04091d
```
#04091d rgb(4,9,29)
```
#070e2e
```
#070e2e rgb(7,14,46)
```
#09143f
```
#09143f rgb(9,20,63)
```
#0c1950
```
#0c1950 rgb(12,25,80)
```
#0e1e61
```
#0e1e61 rgb(14,30,97)
```
#102472
```
#102472 rgb(16,36,114)
```
#132984
```
#132984 rgb(19,41,132)
```
#152e95
```
#152e95 rgb(21,46,149)
```
#1834a6
```
#1834a6 rgb(24,52,166)
```
#1a39b7
```
#1a39b7 rgb(26,57,183)
```
#1d3fc8
```
#1d3fc8 rgb(29,63,200)
```
#1f44d9
```
#1f44d9 rgb(31,68,217)
```

Shade Color Variation

#2c4fe1
```
#2c4fe1 rgb(44,79,225)
```
#3d5de3
```
#3d5de3 rgb(61,93,227)
```
#4e6ce6
```
#4e6ce6 rgb(78,108,230)
```
#5f7ae8
```
#5f7ae8 rgb(95,122,232)
```
#7088ea
```
#7088ea rgb(112,136,234)
```
#8197ed
```
#8197ed rgb(129,151,237)
```
#92a5ef
```
#92a5ef rgb(146,165,239)
```
#a4b3f2
```
#a4b3f2 rgb(164,179,242)
```
#b5c1f4
```
#b5c1f4 rgb(181,193,244)
```
#c6d0f7
```
#c6d0f7 rgb(198,208,247)
```
#d7def9
```
#d7def9 rgb(215,222,249)
```
#e8ecfc
```
#e8ecfc rgb(232,236,252)
```
#f9fafe
```
#f9fafe rgb(249,250,254)
```

Tint Color Variation

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

#9ea0a9
```
#9ea0a9 rgb(158,160,169)
```
#979cb0
```
#979cb0 rgb(151,156,176)
```
#9098b7
```
#9098b7 rgb(144,152,183)
```
#8994be
```
#8994be rgb(137,148,190)
```
#828fc5
```
#828fc5 rgb(130,143,197)
```
#7b8bcc
```
#7b8bcc rgb(123,139,204)
```
#7487d3
```
#7487d3 rgb(116,135,211)
```
#6d83da
```
#6d83da rgb(109,131,218)
```
#667ee1
```
#667ee1 rgb(102,126,225)
```
#5f7ae8
```
#5f7ae8 rgb(95,122,232)
```
#5876ef
```
#5876ef rgb(88,118,239)
```
#5171f6
```
#5171f6 rgb(81,113,246)
```
#4a6dfd
```
#4a6dfd rgb(74,109,253)
```

Tone Color Variation

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

#4d84ec Protanopia 1% of men
#208ae5 Deuteranopia 1% of men
#3a939e Tritanopia 0.001% of the population

Trichromacy

#5380ea Protanomaly 1% of men, 0.01% of women
#3784e6 Deuteranomaly 6% of men, 0.4% of women
#478ab9 Tritanomaly 0.01% of the population

#5f7ae8 hex color

#5f7ae8 Color Information

#5f7ae8 Color Conversion

Color Schemes with #5f7ae8

Alternatives to #5f7ae8

#5f7ae8 Preview

Shades and Tints of #5f7ae8

Tones of #5f7ae8

Color Blindness Simulator