#5f7ae9 hex color

In a RGB color space, hex #5f7ae9 is composed of 37.3% red, 47.8% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 59.2% cyan, 47.6% magenta, 0% yellow and 8.6% black. It has a hue angle of 228.3 degrees, a saturation of 75.8% and a lightness of 64.3%. #5f7ae9 color hex could be obtained by blending #bef4ff with #0000d3. Closest websafe color is: #6666ff.

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

● #5f7ae9 color description : Soft blue.

The hexadecimal color #5f7ae9 has RGB values of R:95, G:122, B:233 and CMYK values of C:0.59, M:0.48, Y:0, K:0.09. Its decimal value is 6257385.

Hex triplet	5f7ae9	`#5f7ae9`
RGB Decimal	95, 122, 233	`rgb(95,122,233)`
RGB Percent	37.3, 47.8, 91.4	`rgb(37.3%,47.8%,91.4%)`
CMYK	59, 48, 0, 9
HSL	228.3°, 75.8, 64.3	`hsl(228.3,75.8%,64.3%)`
HSV (or HSB)	228.3°, 59.2, 91.4
Web Safe	6666ff	`#6666ff`

CIE-LAB	54.274, 23.258, -59.299
XYZ	26.384, 22.234, 79.988
xyY	0.205, 0.173, 22.234
CIE-LCH	54.274, 63.697, 291.416
CIE-LUV	54.274, -15.455, -95.073
Hunter-Lab	47.153, 17.36, -67.57
Binary	01011111, 01111010, 11101001

#5f7ae9
```
#5f7ae9 rgb(95,122,233)
```
#e9ce5f
```
#e9ce5f rgb(233,206,95)
```

Complementary Color

#5fbfe9
```
#5fbfe9 rgb(95,191,233)
```
#5f7ae9
```
#5f7ae9 rgb(95,122,233)
```
#895fe9
```
#895fe9 rgb(137,95,233)
```

Analogous Color

#bfe95f
```
#bfe95f rgb(191,233,95)
```
#5f7ae9
```
#5f7ae9 rgb(95,122,233)
```
#e9895f
```
#e9895f rgb(233,137,95)
```

Split Complementary Color

#7ae95f
```
#7ae95f rgb(122,233,95)
```
#5f7ae9
```
#5f7ae9 rgb(95,122,233)
```
#e95f7a
```
#e95f7a rgb(233,95,122)
```

Triadic Color

#5fe9ce
```
#5fe9ce rgb(95,233,206)
```
#5f7ae9
```
#5f7ae9 rgb(95,122,233)
```
#e95f7a
```
#e95f7a rgb(233,95,122)
```
#e9ce5f
```
#e9ce5f rgb(233,206,95)
```

Tetradic Color

#1e44dd
```
#1e44dd rgb(30,68,221)
```
#3255e3
```
#3255e3 rgb(50,85,227)
```
#4967e6
```
#4967e6 rgb(73,103,230)
```
#5f7ae9
```
#5f7ae9 rgb(95,122,233)
```
#758dec
```
#758dec rgb(117,141,236)
```
#8c9fef
```
#8c9fef rgb(140,159,239)
```
#a2b2f2
```
#a2b2f2 rgb(162,178,242)
```

Monochromatic Color

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

#5f9de9
```
#5f9de9 rgb(95,157,233)
```
#5f91e9
```
#5f91e9 rgb(95,145,233)
```
#5f86e9
```
#5f86e9 rgb(95,134,233)
```
#5f7ae9
```
#5f7ae9 rgb(95,122,233)
```
#5f6fe9
```
#5f6fe9 rgb(95,111,233)
```
#5f63e9
```
#5f63e9 rgb(95,99,233)
```
#675fe9
```
#675fe9 rgb(103,95,233)
```

Similar Colors

Text with hexadecimal color #5f7ae9

This text has a font color of #5f7ae9.

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

#5f7ae9 background color

This paragraph has a background color of #5f7ae9.

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

#5f7ae9 border color

This element has a border color of #5f7ae9.

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

CSS codes

.text {color:#5f7ae9;}

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

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

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 #fafbfe is the lightest one.

#02040c
```
#02040c rgb(2,4,12)
```
#04091e
```
#04091e rgb(4,9,30)
```
#060e2f
```
#060e2f rgb(6,14,47)
```
#091440
```
#091440 rgb(9,20,64)
```
#0b1951
```
#0b1951 rgb(11,25,81)
```
#0e1e63
```
#0e1e63 rgb(14,30,99)
```
#102374
```
#102374 rgb(16,35,116)
```
#122985
```
#122985 rgb(18,41,133)
```
#152e96
```
#152e96 rgb(21,46,150)
```
#1733a8
```
#1733a8 rgb(23,51,168)
```
#1939b9
```
#1939b9 rgb(25,57,185)
```
#1c3eca
```
#1c3eca rgb(28,62,202)
```
#1e43db
```
#1e43db rgb(30,67,219)
```

Shade Color Variation

#2b4fe2
```
#2b4fe2 rgb(43,79,226)
```
#3d5de4
```
#3d5de4 rgb(61,93,228)
```
#4e6ce7
```
#4e6ce7 rgb(78,108,231)
```
#5f7ae9
```
#5f7ae9 rgb(95,122,233)
```
#7088eb
```
#7088eb rgb(112,136,235)
```
#8197ee
```
#8197ee rgb(129,151,238)
```
#93a5f0
```
#93a5f0 rgb(147,165,240)
```
#a4b3f2
```
#a4b3f2 rgb(164,179,242)
```
#b5c2f5
```
#b5c2f5 rgb(181,194,245)
```
#c6d0f7
```
#c6d0f7 rgb(198,208,247)
```
#d8defa
```
#d8defa rgb(216,222,250)
```
#e9edfc
```
#e9edfc rgb(233,237,252)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

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

#9ea0aa
```
#9ea0aa rgb(158,160,170)
```
#979cb1
```
#979cb1 rgb(151,156,177)
```
#9098b8
```
#9098b8 rgb(144,152,184)
```
#8994bf
```
#8994bf rgb(137,148,191)
```
#828fc6
```
#828fc6 rgb(130,143,198)
```
#7b8bcd
```
#7b8bcd rgb(123,139,205)
```
#7487d4
```
#7487d4 rgb(116,135,212)
```
#6d83db
```
#6d83db rgb(109,131,219)
```
#667ee2
```
#667ee2 rgb(102,126,226)
```
#5f7ae9
```
#5f7ae9 rgb(95,122,233)
```
#5876f0
```
#5876f0 rgb(88,118,240)
```
#5171f7
```
#5171f7 rgb(81,113,247)
```
#4a6dfe
```
#4a6dfe rgb(74,109,254)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#797e94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c84ed Protanopia 1% of men
#1a8ae6 Deuteranopia 1% of men
#39939e Tritanopia 0.001% of the population

Trichromacy

#5380eb Protanomaly 1% of men, 0.01% of women
#3384e7 Deuteranomaly 6% of men, 0.4% of women
#468ab9 Tritanomaly 0.01% of the population

#5f7ae9 hex color

#5f7ae9 Color Information

#5f7ae9 Color Conversion

Color Schemes with #5f7ae9

Alternatives to #5f7ae9

#5f7ae9 Preview

Shades and Tints of #5f7ae9

Tones of #5f7ae9

Color Blindness Simulator