#5f7fb3 hex color

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

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

● #5f7fb3 color description : Slightly desaturated blue.

The hexadecimal color #5f7fb3 has RGB values of R:95, G:127, B:179 and CMYK values of C:0.47, M:0.29, Y:0, K:0.3. Its decimal value is 6258611.

Hex triplet	5f7fb3	`#5f7fb3`
RGB Decimal	95, 127, 179	`rgb(95,127,179)`
RGB Percent	37.3, 49.8, 70.2	`rgb(37.3%,49.8%,70.2%)`
CMYK	47, 29, 0, 30
HSL	217.1°, 35.6, 53.7	`hsl(217.1,35.6%,53.7%)`
HSV (or HSB)	217.1°, 46.9, 70.2
Web Safe	6666cc	`#6666cc`

CIE-LAB	52.802, 3.018, -31.006
XYZ	20.444, 20.865, 45.596
xyY	0.235, 0.24, 20.865
CIE-LCH	52.802, 31.152, 275.559
CIE-LUV	52.802, -16.426, -47.34
Hunter-Lab	45.679, -0.05, -27.207
Binary	01011111, 01111111, 10110011

#5f7fb3
```
#5f7fb3 rgb(95,127,179)
```
#b3935f
```
#b3935f rgb(179,147,95)
```

Complementary Color

#5fa9b3
```
#5fa9b3 rgb(95,169,179)
```
#5f7fb3
```
#5f7fb3 rgb(95,127,179)
```
#695fb3
```
#695fb3 rgb(105,95,179)
```

Analogous Color

#a9b35f
```
#a9b35f rgb(169,179,95)
```
#5f7fb3
```
#5f7fb3 rgb(95,127,179)
```
#b3695f
```
#b3695f rgb(179,105,95)
```

Split Complementary Color

#7fb35f
```
#7fb35f rgb(127,179,95)
```
#5f7fb3
```
#5f7fb3 rgb(95,127,179)
```
#b35f7f
```
#b35f7f rgb(179,95,127)
```

Triadic Color

#5fb393
```
#5fb393 rgb(95,179,147)
```
#5f7fb3
```
#5f7fb3 rgb(95,127,179)
```
#b35f7f
```
#b35f7f rgb(179,95,127)
```
#b3935f
```
#b3935f rgb(179,147,95)
```

Tetradic Color

#405a86
```
#405a86 rgb(64,90,134)
```
#486697
```
#486697 rgb(72,102,151)
```
#5072a8
```
#5072a8 rgb(80,114,168)
```
#5f7fb3
```
#5f7fb3 rgb(95,127,179)
```
#708dbb
```
#708dbb rgb(112,141,187)
```
#829bc3
```
#829bc3 rgb(130,155,195)
```
#93a8cc
```
#93a8cc rgb(147,168,204)
```

Monochromatic Color

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

#5f94b3
```
#5f94b3 rgb(95,148,179)
```
#5f8db3
```
#5f8db3 rgb(95,141,179)
```
#5f86b3
```
#5f86b3 rgb(95,134,179)
```
#5f7fb3
```
#5f7fb3 rgb(95,127,179)
```
#5f78b3
```
#5f78b3 rgb(95,120,179)
```
#5f71b3
```
#5f71b3 rgb(95,113,179)
```
#5f6ab3
```
#5f6ab3 rgb(95,106,179)
```

Similar Colors

Text with hexadecimal color #5f7fb3

This text has a font color of #5f7fb3.

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

#5f7fb3 background color

This paragraph has a background color of #5f7fb3.

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

#5f7fb3 border color

This element has a border color of #5f7fb3.

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

CSS codes

.text {color:#5f7fb3;}

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

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

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

#06090d
```
#06090d rgb(6,9,13)
```
#0c121a
```
#0c121a rgb(12,18,26)
```
#131b27
```
#131b27 rgb(19,27,39)
```
#192435
```
#192435 rgb(25,36,53)
```
#1f2d42
```
#1f2d42 rgb(31,45,66)
```
#26364f
```
#26364f rgb(38,54,79)
```
#2c3f5d
```
#2c3f5d rgb(44,63,93)
```
#32486a
```
#32486a rgb(50,72,106)
```
#395177
```
#395177 rgb(57,81,119)
```
#3f5985
```
#3f5985 rgb(63,89,133)
```
#456292
```
#456292 rgb(69,98,146)
```
#4c6b9f
```
#4c6b9f rgb(76,107,159)
```
#5274ac
```
#5274ac rgb(82,116,172)
```

Shade Color Variation

#5f7fb3
```
#5f7fb3 rgb(95,127,179)
```
#6c8ab9
```
#6c8ab9 rgb(108,138,185)
```
#7a94c0
```
#7a94c0 rgb(122,148,192)
```
#879fc6
```
#879fc6 rgb(135,159,198)
```
#94aacc
```
#94aacc rgb(148,170,204)
```
#a1b4d3
```
#a1b4d3 rgb(161,180,211)
```
#afbfd9
```
#afbfd9 rgb(175,191,217)
```
#bcc9df
```
#bcc9df rgb(188,201,223)
```
#c9d4e6
```
#c9d4e6 rgb(201,212,230)
```
#d7dfec
```
#d7dfec rgb(215,223,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, #83888f is the less saturated color, while #166efc is the most saturated one.

#83888f
```
#83888f rgb(131,136,143)
```
#7a8598
```
#7a8598 rgb(122,133,152)
```
#7183a1
```
#7183a1 rgb(113,131,161)
```
#6881aa
```
#6881aa rgb(104,129,170)
```
#5f7fb3
```
#5f7fb3 rgb(95,127,179)
```
#567dbc
```
#567dbc rgb(86,125,188)
```
#4d7bc5
```
#4d7bc5 rgb(77,123,197)
```
#4479ce
```
#4479ce rgb(68,121,206)
```
#3b76d7
```
#3b76d7 rgb(59,118,215)
```
#3274e0
```
#3274e0 rgb(50,116,224)
```
#2972e9
```
#2972e9 rgb(41,114,233)
```
#1f70f3
```
#1f70f3 rgb(31,112,243)
```
#166efc
```
#166efc rgb(22,110,252)
```

Tone Color Variation

Below, you can see how #5f7fb3 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
#757c86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7483b5 Protanopia 1% of men
#6f83b7 Deuteranopia 1% of men
#5b8c96 Tritanopia 0.001% of the population

Trichromacy

#6c81b4 Protanomaly 1% of men, 0.01% of women
#6981b6 Deuteranomaly 6% of men, 0.4% of women
#5c87a0 Tritanomaly 0.01% of the population

#5f7fb3 hex color

#5f7fb3 Color Information

#5f7fb3 Color Conversion

Color Schemes with #5f7fb3

Alternatives to #5f7fb3

#5f7fb3 Preview

Shades and Tints of #5f7fb3

Tones of #5f7fb3

Color Blindness Simulator