colorhexa.com

#5f8fb5 hex color

In a RGB color space, hex #5f8fb5 is composed of 37.3% red, 56.1% green and 71% blue. Whereas in a CMYK color space, it is composed of 47.5% cyan, 21% magenta, 0% yellow and 29% black. It has a hue angle of 206.5 degrees, a saturation of 36.8% and a lightness of 54.1%. #5f8fb5 color hex could be obtained by blending #beffff with #001f6b. Closest websafe color is: #6699cc.

- R 37
- G 56
- B 71
RGB color chart
- C 48
- M 21
- Y 0
- K 29
CMYK color chart

● #5f8fb5 color description : Slightly desaturated blue.

The hexadecimal color #5f8fb5 has RGB values of R:95, G:143, B:181 and CMYK values of C:0.48, M:0.21, Y:0, K:0.29. Its decimal value is 6262709.

Hex triplet	5f8fb5	`#5f8fb5`
RGB Decimal	95, 143, 181	`rgb(95,143,181)`
RGB Percent	37.3, 56.1, 71	`rgb(37.3%,56.1%,71%)`
CMYK	48, 21, 0, 29
HSL	206.5°, 36.8, 54.1	`hsl(206.5,36.8%,54.1%)`
HSV (or HSB)	206.5°, 47.5, 71
Web Safe	6699cc	`#6699cc`

CIE-LAB	57.475, -5.668, -24.91
XYZ	22.88, 25.413, 47.413
xyY	0.239, 0.266, 25.413
CIE-LCH	57.475, 25.547, 257.181
CIE-LUV	57.475, -22.65, -37.122
Hunter-Lab	50.411, -7.203, -20.476
Binary	01011111, 10001111, 10110101

#5f8fb5
```
#5f8fb5 rgb(95,143,181)
```
#b5855f
```
#b5855f rgb(181,133,95)
```

Complementary Color

#5fb5b0
```
#5fb5b0 rgb(95,181,176)
```
#5f8fb5
```
#5f8fb5 rgb(95,143,181)
```
#5f64b5
```
#5f64b5 rgb(95,100,181)
```

Analogous Color

#b5b05f
```
#b5b05f rgb(181,176,95)
```
#5f8fb5
```
#5f8fb5 rgb(95,143,181)
```
#b55f64
```
#b55f64 rgb(181,95,100)
```

Split Complementary Color

#8fb55f
```
#8fb55f rgb(143,181,95)
```
#5f8fb5
```
#5f8fb5 rgb(95,143,181)
```
#b55f8f
```
#b55f8f rgb(181,95,143)
```

Triadic Color

#5fb585
```
#5fb585 rgb(95,181,133)
```
#5f8fb5
```
#5f8fb5 rgb(95,143,181)
```
#b55f8f
```
#b55f8f rgb(181,95,143)
```
#b5855f
```
#b5855f rgb(181,133,95)
```

Tetradic Color

#3f6888
```
#3f6888 rgb(63,104,136)
```
#47759a
```
#47759a rgb(71,117,154)
```
#4f83ab
```
#4f83ab rgb(79,131,171)
```
#5f8fb5
```
#5f8fb5 rgb(95,143,181)
```
#709bbd
```
#709bbd rgb(112,155,189)
```
#82a7c5
```
#82a7c5 rgb(130,167,197)
```
#93b4cd
```
#93b4cd rgb(147,180,205)
```

Monochromatic Color

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

#5fa5b5
```
#5fa5b5 rgb(95,165,181)
```
#5f9db5
```
#5f9db5 rgb(95,157,181)
```
#5f96b5
```
#5f96b5 rgb(95,150,181)
```
#5f8fb5
```
#5f8fb5 rgb(95,143,181)
```
#5f88b5
```
#5f88b5 rgb(95,136,181)
```
#5f81b5
```
#5f81b5 rgb(95,129,181)
```
#5f7ab5
```
#5f7ab5 rgb(95,122,181)
```

Similar Colors

Text with hexadecimal color #5f8fb5

This text has a font color of #5f8fb5.

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

#5f8fb5 background color

This paragraph has a background color of #5f8fb5.

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

#5f8fb5 border color

This element has a border color of #5f8fb5.

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

CSS codes

.text {color:#5f8fb5;}

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

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

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, #000101 is the darkest color, while #f3f6f9 is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#070b0e
```
#070b0e rgb(7,11,14)
```
#0d151c
```
#0d151c rgb(13,21,28)
```
#131f29
```
#131f29 rgb(19,31,41)
```
#192a37
```
#192a37 rgb(25,42,55)
```
#1f3444
```
#1f3444 rgb(31,52,68)
```
#263e51
```
#263e51 rgb(38,62,81)
```
#2c485f
```
#2c485f rgb(44,72,95)
```
#32536c
```
#32536c rgb(50,83,108)
```
#385d7a
```
#385d7a rgb(56,93,122)
```
#3e6787
```
#3e6787 rgb(62,103,135)
```
#457194
```
#457194 rgb(69,113,148)
```
#4b7ba2
```
#4b7ba2 rgb(75,123,162)
```

Shade Color Variation

#5286af
```
#5286af rgb(82,134,175)
```
#5f8fb5
```
#5f8fb5 rgb(95,143,181)
```
#6c98bb
```
#6c98bb rgb(108,152,187)
```
#7aa2c1
```
#7aa2c1 rgb(122,162,193)
```
#87abc8
```
#87abc8 rgb(135,171,200)
```
#95b5ce
```
#95b5ce rgb(149,181,206)
```
#a2bed4
```
#a2bed4 rgb(162,190,212)
```
#afc7da
```
#afc7da rgb(175,199,218)
```
#bdd1e0
```
#bdd1e0 rgb(189,209,224)
```
#cadae7
```
#cadae7 rgb(202,218,231)
```
#d8e3ed
```
#d8e3ed rgb(216,227,237)
```
#e5edf3
```
#e5edf3 rgb(229,237,243)
```
#f3f6f9
```
#f3f6f9 rgb(243,246,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #838b91 is the less saturated color, while #1797fd is the most saturated one.

#838b91
```
#838b91 rgb(131,139,145)
```
#7a8c9a
```
#7a8c9a rgb(122,140,154)
```
#718da3
```
#718da3 rgb(113,141,163)
```
#688eac
```
#688eac rgb(104,142,172)
```
#5f8fb5
```
#5f8fb5 rgb(95,143,181)
```
#5690be
```
#5690be rgb(86,144,190)
```
#4d91c7
```
#4d91c7 rgb(77,145,199)
```
#4492d0
```
#4492d0 rgb(68,146,208)
```
#3b93d9
```
#3b93d9 rgb(59,147,217)
```
#3294e2
```
#3294e2 rgb(50,148,226)
```
#2995eb
```
#2995eb rgb(41,149,235)
```
#2096f4
```
#2096f4 rgb(32,150,244)
```
#1797fd
```
#1797fd rgb(23,151,253)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#7d878f Atypical Achromatopsia 0.001% of the population

Dichromacy

#858eb4 Protanopia 1% of men
#838ebb Deuteranopia 1% of men
#5f98a3 Tritanopia 0.001% of the population

Trichromacy

#778eb4 Protanomaly 1% of men, 0.01% of women
#768eb9 Deuteranomaly 6% of men, 0.4% of women
#5f95aa Tritanomaly 0.01% of the population