#5f7ab3 hex color

In a RGB color space, hex #5f7ab3 is composed of 37.3% red, 47.8% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 46.9% cyan, 31.8% magenta, 0% yellow and 29.8% black. It has a hue angle of 220.7 degrees, a saturation of 35.6% and a lightness of 53.7%. #5f7ab3 color hex could be obtained by blending #bef4ff with #000067. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 37
- G 48
- B 70
RGB color chart
- C 47
- M 32
- Y 0
- K 30
CMYK color chart

● #5f7ab3 color description : Slightly desaturated blue.

The hexadecimal color #5f7ab3 has RGB values of R:95, G:122, B:179 and CMYK values of C:0.47, M:0.32, Y:0, K:0.3. Its decimal value is 6257331.

Hex triplet	5f7ab3	`#5f7ab3`
RGB Decimal	95, 122, 179	`rgb(95,122,179)`
RGB Percent	37.3, 47.8, 70.2	`rgb(37.3%,47.8%,70.2%)`
CMYK	47, 32, 0, 30
HSL	220.7°, 35.6, 53.7	`hsl(220.7,35.6%,53.7%)`
HSV (or HSB)	220.7°, 46.9, 70.2
Web Safe	6666cc	`#6666cc`

CIE-LAB	51.389, 6.001, -33.212
XYZ	19.814, 19.606, 45.386
xyY	0.234, 0.231, 19.606
CIE-LCH	51.389, 33.75, 280.242
CIE-LUV	51.389, -14.523, -50.953
Hunter-Lab	44.278, 2.388, -29.778
Binary	01011111, 01111010, 10110011

#5f7ab3
```
#5f7ab3 rgb(95,122,179)
```
#b3985f
```
#b3985f rgb(179,152,95)
```

Complementary Color

#5fa4b3
```
#5fa4b3 rgb(95,164,179)
```
#5f7ab3
```
#5f7ab3 rgb(95,122,179)
```
#6e5fb3
```
#6e5fb3 rgb(110,95,179)
```

Analogous Color

#a4b35f
```
#a4b35f rgb(164,179,95)
```
#5f7ab3
```
#5f7ab3 rgb(95,122,179)
```
#b36e5f
```
#b36e5f rgb(179,110,95)
```

Split Complementary Color

#7ab35f
```
#7ab35f rgb(122,179,95)
```
#5f7ab3
```
#5f7ab3 rgb(95,122,179)
```
#b35f7a
```
#b35f7a rgb(179,95,122)
```

Triadic Color

#5fb398
```
#5fb398 rgb(95,179,152)
```
#5f7ab3
```
#5f7ab3 rgb(95,122,179)
```
#b35f7a
```
#b35f7a rgb(179,95,122)
```
#b3985f
```
#b3985f rgb(179,152,95)
```

Tetradic Color

#405686
```
#405686 rgb(64,86,134)
```
#486197
```
#486197 rgb(72,97,151)
```
#506ca8
```
#506ca8 rgb(80,108,168)
```
#5f7ab3
```
#5f7ab3 rgb(95,122,179)
```
#7088bb
```
#7088bb rgb(112,136,187)
```
#8297c3
```
#8297c3 rgb(130,151,195)
```
#93a5cc
```
#93a5cc rgb(147,165,204)
```

Monochromatic Color

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

#5f8fb3
```
#5f8fb3 rgb(95,143,179)
```
#5f88b3
```
#5f88b3 rgb(95,136,179)
```
#5f81b3
```
#5f81b3 rgb(95,129,179)
```
#5f7ab3
```
#5f7ab3 rgb(95,122,179)
```
#5f73b3
```
#5f73b3 rgb(95,115,179)
```
#5f6cb3
```
#5f6cb3 rgb(95,108,179)
```
#5f65b3
```
#5f65b3 rgb(95,101,179)
```

Similar Colors

Text with hexadecimal color #5f7ab3

This text has a font color of #5f7ab3.

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

#5f7ab3 background color

This paragraph has a background color of #5f7ab3.

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

#5f7ab3 border color

This element has a border color of #5f7ab3.

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

CSS codes

.text {color:#5f7ab3;}

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

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

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

#06080d
```
#06080d rgb(6,8,13)
```
#0c111a
```
#0c111a rgb(12,17,26)
```
#131927
```
#131927 rgb(19,25,39)
```
#192235
```
#192235 rgb(25,34,53)
```
#1f2b42
```
#1f2b42 rgb(31,43,66)
```
#26334f
```
#26334f rgb(38,51,79)
```
#2c3c5d
```
#2c3c5d rgb(44,60,93)
```
#32446a
```
#32446a rgb(50,68,106)
```
#394d77
```
#394d77 rgb(57,77,119)
```
#3f5585
```
#3f5585 rgb(63,85,133)
```
#455e92
```
#455e92 rgb(69,94,146)
```
#4c669f
```
#4c669f rgb(76,102,159)
```
#526fac
```
#526fac rgb(82,111,172)
```

Shade Color Variation

#5f7ab3
```
#5f7ab3 rgb(95,122,179)
```
#6c85b9
```
#6c85b9 rgb(108,133,185)
```
#7a90c0
```
#7a90c0 rgb(122,144,192)
```
#879bc6
```
#879bc6 rgb(135,155,198)
```
#94a6cc
```
#94a6cc rgb(148,166,204)
```
#a1b1d3
```
#a1b1d3 rgb(161,177,211)
```
#afbcd9
```
#afbcd9 rgb(175,188,217)
```
#bcc7df
```
#bcc7df rgb(188,199,223)
```
#c9d2e6
```
#c9d2e6 rgb(201,210,230)
```
#d7ddec
```
#d7ddec rgb(215,221,236)
```
#e4e9f2
```
#e4e9f2 rgb(228,233,242)
```
#f1f4f8
```
#f1f4f8 rgb(241,244,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #83878f is the less saturated color, while #1660fc is the most saturated one.

#83878f
```
#83878f rgb(131,135,143)
```
#7a8498
```
#7a8498 rgb(122,132,152)
```
#7180a1
```
#7180a1 rgb(113,128,161)
```
#687daa
```
#687daa rgb(104,125,170)
```
#5f7ab3
```
#5f7ab3 rgb(95,122,179)
```
#5677bc
```
#5677bc rgb(86,119,188)
```
#4d74c5
```
#4d74c5 rgb(77,116,197)
```
#4470ce
```
#4470ce rgb(68,112,206)
```
#3b6dd7
```
#3b6dd7 rgb(59,109,215)
```
#326ae0
```
#326ae0 rgb(50,106,224)
```
#2967e9
```
#2967e9 rgb(41,103,233)
```
#1f63f3
```
#1f63f3 rgb(31,99,243)
```
#1660fc
```
#1660fc rgb(22,96,252)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#737884 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e7fb5 Protanopia 1% of men
#6880b7 Deuteranopia 1% of men
#598892 Tritanopia 0.001% of the population

Trichromacy

#687db4 Protanomaly 1% of men, 0.01% of women
#657eb5 Deuteranomaly 6% of men, 0.4% of women
#5b839e Tritanomaly 0.01% of the population

#5f7ab3 hex color

#5f7ab3 Color Information

#5f7ab3 Color Conversion

Color Schemes with #5f7ab3

Alternatives to #5f7ab3

#5f7ab3 Preview

Shades and Tints of #5f7ab3

Tones of #5f7ab3

Color Blindness Simulator