#5f7ac7 hex color

In a RGB color space, hex #5f7ac7 is composed of 37.3% red, 47.8% green and 78% blue. Whereas in a CMYK color space, it is composed of 52.3% cyan, 38.7% magenta, 0% yellow and 22% black. It has a hue angle of 224.4 degrees, a saturation of 48.1% and a lightness of 57.6%. #5f7ac7 color hex could be obtained by blending #bef4ff with #00008f. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 37
- G 48
- B 78
RGB color chart
- C 52
- M 39
- Y 0
- K 22
CMYK color chart

● #5f7ac7 color description : Moderate blue.

The hexadecimal color #5f7ac7 has RGB values of R:95, G:122, B:199 and CMYK values of C:0.52, M:0.39, Y:0, K:0.22. Its decimal value is 6257351.

Hex triplet	5f7ac7	`#5f7ac7`
RGB Decimal	95, 122, 199	`rgb(95,122,199)`
RGB Percent	37.3, 47.8, 78	`rgb(37.3%,47.8%,78%)`
CMYK	52, 39, 0, 22
HSL	224.4°, 48.1, 57.6	`hsl(224.4,48.1%,57.6%)`
HSV (or HSB)	224.4°, 52.3, 78
Web Safe	6666cc	`#6666cc`

CIE-LAB	52.369, 12.231, -43.144
XYZ	21.985, 20.474, 56.823
xyY	0.221, 0.206, 20.474
CIE-LCH	52.369, 44.844, 285.828
CIE-LUV	52.369, -14.845, -67.726
Hunter-Lab	45.249, 7.544, -42.782
Binary	01011111, 01111010, 11000111

#5f7ac7
```
#5f7ac7 rgb(95,122,199)
```
#c7ac5f
```
#c7ac5f rgb(199,172,95)
```

Complementary Color

#5faec7
```
#5faec7 rgb(95,174,199)
```
#5f7ac7
```
#5f7ac7 rgb(95,122,199)
```
#785fc7
```
#785fc7 rgb(120,95,199)
```

Analogous Color

#aec75f
```
#aec75f rgb(174,199,95)
```
#5f7ac7
```
#5f7ac7 rgb(95,122,199)
```
#c7785f
```
#c7785f rgb(199,120,95)
```

Split Complementary Color

#7ac75f
```
#7ac75f rgb(122,199,95)
```
#5f7ac7
```
#5f7ac7 rgb(95,122,199)
```
#c75f7a
```
#c75f7a rgb(199,95,122)
```

Triadic Color

#5fc7ac
```
#5fc7ac rgb(95,199,172)
```
#5f7ac7
```
#5f7ac7 rgb(95,122,199)
```
#c75f7a
```
#c75f7a rgb(199,95,122)
```
#c7ac5f
```
#c7ac5f rgb(199,172,95)
```

Tetradic Color

#3854a1
```
#3854a1 rgb(56,84,161)
```
#3f5db4
```
#3f5db4 rgb(63,93,180)
```
#4c6ac0
```
#4c6ac0 rgb(76,106,192)
```
#5f7ac7
```
#5f7ac7 rgb(95,122,199)
```
#728ace
```
#728ace rgb(114,138,206)
```
#8599d4
```
#8599d4 rgb(133,153,212)
```
#98a9db
```
#98a9db rgb(152,169,219)
```

Monochromatic Color

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

#5f94c7
```
#5f94c7 rgb(95,148,199)
```
#5f8bc7
```
#5f8bc7 rgb(95,139,199)
```
#5f83c7
```
#5f83c7 rgb(95,131,199)
```
#5f7ac7
```
#5f7ac7 rgb(95,122,199)
```
#5f71c7
```
#5f71c7 rgb(95,113,199)
```
#5f69c7
```
#5f69c7 rgb(95,105,199)
```
#5f60c7
```
#5f60c7 rgb(95,96,199)
```

Similar Colors

Text with hexadecimal color #5f7ac7

This text has a font color of #5f7ac7.

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

#5f7ac7 background color

This paragraph has a background color of #5f7ac7.

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

#5f7ac7 border color

This element has a border color of #5f7ac7.

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

CSS codes

.text {color:#5f7ac7;}

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

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

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, #05070e is the darkest color, while #ffffff is the lightest one.

#05070e
```
#05070e rgb(5,7,14)
```
#0a0f1d
```
#0a0f1d rgb(10,15,29)
```
#0f172b
```
#0f172b rgb(15,23,43)
```
#141e3a
```
#141e3a rgb(20,30,58)
```
#192648
```
#192648 rgb(25,38,72)
```
#1e2d57
```
#1e2d57 rgb(30,45,87)
```
#243566
```
#243566 rgb(36,53,102)
```
#293c74
```
#293c74 rgb(41,60,116)
```
#2e4483
```
#2e4483 rgb(46,68,131)
```
#334b91
```
#334b91 rgb(51,75,145)
```
#3853a0
```
#3853a0 rgb(56,83,160)
```
#3d5aae
```
#3d5aae rgb(61,90,174)
```
#4262bd
```
#4262bd rgb(66,98,189)
```

Shade Color Variation

#506ec2
```
#506ec2 rgb(80,110,194)
```
#5f7ac7
```
#5f7ac7 rgb(95,122,199)
```
#6e86cc
```
#6e86cc rgb(110,134,204)
```
#7c92d1
```
#7c92d1 rgb(124,146,209)
```
#8b9ed6
```
#8b9ed6 rgb(139,158,214)
```
#99aadb
```
#99aadb rgb(153,170,219)
```
#a8b6e0
```
#a8b6e0 rgb(168,182,224)
```
#b6c2e6
```
#b6c2e6 rgb(182,194,230)
```
#c5cfeb
```
#c5cfeb rgb(197,207,235)
```
#d3dbf0
```
#d3dbf0 rgb(211,219,240)
```
#e2e7f5
```
#e2e7f5 rgb(226,231,245)
```
#f0f3fa
```
#f0f3fa rgb(240,243,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#919295
```
#919295 rgb(145,146,149)
```
#898e9d
```
#898e9d rgb(137,142,157)
```
#808aa6
```
#808aa6 rgb(128,138,166)
```
#7886ae
```
#7886ae rgb(120,134,174)
```
#7082b6
```
#7082b6 rgb(112,130,182)
```
#677ebf
```
#677ebf rgb(103,126,191)
```
#5f7ac7
```
#5f7ac7 rgb(95,122,199)
```
#5776cf
```
#5776cf rgb(87,118,207)
```
#4e72d8
```
#4e72d8 rgb(78,114,216)
```
#466ee0
```
#466ee0 rgb(70,110,224)
```
#3e6ae8
```
#3e6ae8 rgb(62,106,232)
```
#3566f1
```
#3566f1 rgb(53,102,241)
```
#2d62f9
```
#2d62f9 rgb(45,98,249)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#757b8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6581ca Protanopia 1% of men
#5883c8 Deuteranopia 1% of men
#508c96 Tritanopia 0.001% of the population

Trichromacy

#627ec9 Protanomaly 1% of men, 0.01% of women
#5b80c8 Deuteranomaly 6% of men, 0.4% of women
#5685a8 Tritanomaly 0.01% of the population

#5f7ac7 hex color

#5f7ac7 Color Information

#5f7ac7 Color Conversion

Color Schemes with #5f7ac7

Alternatives to #5f7ac7

#5f7ac7 Preview

Shades and Tints of #5f7ac7

Tones of #5f7ac7

Color Blindness Simulator