#5f768b hex color

In a RGB color space, hex #5f768b is composed of 37.3% red, 46.3% green and 54.5% blue. Whereas in a CMYK color space, it is composed of 31.7% cyan, 15.1% magenta, 0% yellow and 45.5% black. It has a hue angle of 208.6 degrees, a saturation of 18.8% and a lightness of 45.9%. #5f768b color hex could be obtained by blending #beecff with #000017. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 37
- G 46
- B 55
RGB color chart
- C 32
- M 15
- Y 0
- K 45
CMYK color chart

● #5f768b color description : Mostly desaturated dark blue.

The hexadecimal color #5f768b has RGB values of R:95, G:118, B:139 and CMYK values of C:0.32, M:0.15, Y:0, K:0.45. Its decimal value is 6256267.

Hex triplet	5f768b	`#5f768b`
RGB Decimal	95, 118, 139	`rgb(95,118,139)`
RGB Percent	37.3, 46.3, 54.5	`rgb(37.3%,46.3%,54.5%)`
CMYK	32, 15, 0, 45
HSL	208.6°, 18.8, 45.9	`hsl(208.6,18.8%,45.9%)`
HSV (or HSB)	208.6°, 31.7, 54.5
Web Safe	666699	`#666699`

CIE-LAB	48.578, -3.1, -14.185
XYZ	15.857, 17.253, 26.919
xyY	0.264, 0.287, 17.253
CIE-LCH	48.578, 14.52, 257.671
CIE-LUV	48.578, -12.238, -19.854
Hunter-Lab	41.537, -4.547, -9.349
Binary	01011111, 01110110, 10001011

#5f768b
```
#5f768b rgb(95,118,139)
```
#8b745f
```
#8b745f rgb(139,116,95)
```

Complementary Color

#5f8b8a
```
#5f8b8a rgb(95,139,138)
```
#5f768b
```
#5f768b rgb(95,118,139)
```
#5f608b
```
#5f608b rgb(95,96,139)
```

Analogous Color

#8b8a5f
```
#8b8a5f rgb(139,138,95)
```
#5f768b
```
#5f768b rgb(95,118,139)
```
#8b5f60
```
#8b5f60 rgb(139,95,96)
```

Split Complementary Color

#768b5f
```
#768b5f rgb(118,139,95)
```
#5f768b
```
#5f768b rgb(95,118,139)
```
#8b5f76
```
#8b5f76 rgb(139,95,118)
```

Triadic Color

#5f8b74
```
#5f8b74 rgb(95,139,116)
```
#5f768b
```
#5f768b rgb(95,118,139)
```
#8b5f76
```
#8b5f76 rgb(139,95,118)
```
#8b745f
```
#8b745f rgb(139,116,95)
```

Tetradic Color

#404f5e
```
#404f5e rgb(64,79,94)
```
#4a5c6d
```
#4a5c6d rgb(74,92,109)
```
#55697c
```
#55697c rgb(85,105,124)
```
#5f768b
```
#5f768b rgb(95,118,139)
```
#6a8399
```
#6a8399 rgb(106,131,153)
```
#798fa4
```
#798fa4 rgb(121,143,164)
```
#889cae
```
#889cae rgb(136,156,174)
```

Monochromatic Color

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

#5f818b
```
#5f818b rgb(95,129,139)
```
#5f7d8b
```
#5f7d8b rgb(95,125,139)
```
#5f7a8b
```
#5f7a8b rgb(95,122,139)
```
#5f768b
```
#5f768b rgb(95,118,139)
```
#5f728b
```
#5f728b rgb(95,114,139)
```
#5f6f8b
```
#5f6f8b rgb(95,111,139)
```
#5f6b8b
```
#5f6b8b rgb(95,107,139)
```

Similar Colors

Text with hexadecimal color #5f768b

This text has a font color of #5f768b.

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

#5f768b background color

This paragraph has a background color of #5f768b.

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

#5f768b border color

This element has a border color of #5f768b.

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

CSS codes

.text {color:#5f768b;}

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

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

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, #07090b is the darkest color, while #fefefe is the lightest one.

#07090b
```
#07090b rgb(7,9,11)
```
#0f1316
```
#0f1316 rgb(15,19,22)
```
#171d22
```
#171d22 rgb(23,29,34)
```
#1f272e
```
#1f272e rgb(31,39,46)
```
#273139
```
#273139 rgb(39,49,57)
```
#2f3b45
```
#2f3b45 rgb(47,59,69)
```
#374551
```
#374551 rgb(55,69,81)
```
#3f4e5c
```
#3f4e5c rgb(63,78,92)
```
#475868
```
#475868 rgb(71,88,104)
```
#4f6274
```
#4f6274 rgb(79,98,116)
```
#576c7f
```
#576c7f rgb(87,108,127)
```
#5f768b
```
#5f768b rgb(95,118,139)
```
#678097
```
#678097 rgb(103,128,151)
```

Shade Color Variation

#728a9f
```
#728a9f rgb(114,138,159)
```
#7e93a7
```
#7e93a7 rgb(126,147,167)
```
#8a9daf
```
#8a9daf rgb(138,157,175)
```
#95a7b7
```
#95a7b7 rgb(149,167,183)
```
#a1b1bf
```
#a1b1bf rgb(161,177,191)
```
#adbac7
```
#adbac7 rgb(173,186,199)
```
#b8c4cf
```
#b8c4cf rgb(184,196,207)
```
#c4ced7
```
#c4ced7 rgb(196,206,215)
```
#d0d7df
```
#d0d7df rgb(208,215,223)
```
#dbe1e7
```
#dbe1e7 rgb(219,225,231)
```
#e7ebef
```
#e7ebef rgb(231,235,239)
```
#f3f5f6
```
#f3f5f6 rgb(243,245,246)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#717579
```
#717579 rgb(113,117,121)
```
#687682
```
#687682 rgb(104,118,130)
```
#5f768b
```
#5f768b rgb(95,118,139)
```
#567694
```
#567694 rgb(86,118,148)
```
#4d779d
```
#4d779d rgb(77,119,157)
```
#4477a6
```
#4477a6 rgb(68,119,166)
```
#3b78af
```
#3b78af rgb(59,120,175)
```
#3278b8
```
#3278b8 rgb(50,120,184)
```
#2978c1
```
#2978c1 rgb(41,120,193)
```
#2079ca
```
#2079ca rgb(32,121,202)
```
#1779d3
```
#1779d3 rgb(23,121,211)
```
#0e7adc
```
#0e7adc rgb(14,122,220)
```
#057ae5
```
#057ae5 rgb(5,122,229)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#6e7377 Atypical Achromatopsia 0.001% of the population

Dichromacy

#76798e Protanopia 1% of men
#797892 Deuteranopia 1% of men
#647e87 Tritanopia 0.001% of the population

Trichromacy

#6d788d Protanomaly 1% of men, 0.01% of women
#6f778f Deuteranomaly 6% of men, 0.4% of women
#627b89 Tritanomaly 0.01% of the population

#5f768b hex color

#5f768b Color Information

#5f768b Color Conversion

Color Schemes with #5f768b

Alternatives to #5f768b

#5f768b Preview

Shades and Tints of #5f768b

Tones of #5f768b

Color Blindness Simulator