#5f7796 hex color

In a RGB color space, hex #5f7796 is composed of 37.3% red, 46.7% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 36.7% cyan, 20.7% magenta, 0% yellow and 41.2% black. It has a hue angle of 213.8 degrees, a saturation of 22.4% and a lightness of 48%. #5f7796 color hex could be obtained by blending #beeeff with #00002d. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 37
- G 47
- B 59
RGB color chart
- C 37
- M 21
- Y 0
- K 41
CMYK color chart

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

The hexadecimal color #5f7796 has RGB values of R:95, G:119, B:150 and CMYK values of C:0.37, M:0.21, Y:0, K:0.41. Its decimal value is 6256534.

Hex triplet	5f7796	`#5f7796`
RGB Decimal	95, 119, 150	`rgb(95,119,150)`
RGB Percent	37.3, 46.7, 58.8	`rgb(37.3%,46.7%,58.8%)`
CMYK	37, 21, 0, 41
HSL	213.8°, 22.4, 48	`hsl(213.8,22.4%,48%)`
HSV (or HSB)	213.8°, 36.7, 58.8
Web Safe	666699	`#666699`

CIE-LAB	49.287, -0.694, -19.583
XYZ	16.82, 17.828, 31.407
xyY	0.255, 0.27, 17.828
CIE-LCH	49.287, 19.595, 267.971
CIE-LUV	49.287, -12.858, -28.435
Hunter-Lab	42.223, -2.784, -14.546
Binary	01011111, 01110111, 10010110

#5f7796
```
#5f7796 rgb(95,119,150)
```
#967e5f
```
#967e5f rgb(150,126,95)
```

Complementary Color

#5f9396
```
#5f9396 rgb(95,147,150)
```
#5f7796
```
#5f7796 rgb(95,119,150)
```
#625f96
```
#625f96 rgb(98,95,150)
```

Analogous Color

#93965f
```
#93965f rgb(147,150,95)
```
#5f7796
```
#5f7796 rgb(95,119,150)
```
#96635f
```
#96635f rgb(150,99,95)
```

Split Complementary Color

#77965f
```
#77965f rgb(119,150,95)
```
#5f7796
```
#5f7796 rgb(95,119,150)
```
#965f77
```
#965f77 rgb(150,95,119)
```

Triadic Color

#5f967e
```
#5f967e rgb(95,150,126)
```
#5f7796
```
#5f7796 rgb(95,119,150)
```
#965f77
```
#965f77 rgb(150,95,119)
```
#967e5f
```
#967e5f rgb(150,126,95)
```

Tetradic Color

#415267
```
#415267 rgb(65,82,103)
```
#4b5e77
```
#4b5e77 rgb(75,94,119)
```
#556b86
```
#556b86 rgb(85,107,134)
```
#5f7796
```
#5f7796 rgb(95,119,150)
```
#6c84a2
```
#6c84a2 rgb(108,132,162)
```
#7c91ac
```
#7c91ac rgb(124,145,172)
```
#8c9eb6
```
#8c9eb6 rgb(140,158,182)
```

Monochromatic Color

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

#5f8596
```
#5f8596 rgb(95,133,150)
```
#5f8096
```
#5f8096 rgb(95,128,150)
```
#5f7c96
```
#5f7c96 rgb(95,124,150)
```
#5f7796
```
#5f7796 rgb(95,119,150)
```
#5f7296
```
#5f7296 rgb(95,114,150)
```
#5f6e96
```
#5f6e96 rgb(95,110,150)
```
#5f6996
```
#5f6996 rgb(95,105,150)
```

Similar Colors

Text with hexadecimal color #5f7796

This text has a font color of #5f7796.

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

#5f7796 background color

This paragraph has a background color of #5f7796.

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

#5f7796 border color

This element has a border color of #5f7796.

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

CSS codes

.text {color:#5f7796;}

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

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

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

#040506
```
#040506 rgb(4,5,6)
```
#0b0e12
```
#0b0e12 rgb(11,14,18)
```
#13181e
```
#13181e rgb(19,24,30)
```
#1b212a
```
#1b212a rgb(27,33,42)
```
#222b36
```
#222b36 rgb(34,43,54)
```
#2a3442
```
#2a3442 rgb(42,52,66)
```
#313e4e
```
#313e4e rgb(49,62,78)
```
#39475a
```
#39475a rgb(57,71,90)
```
#415166
```
#415166 rgb(65,81,102)
```
#485a72
```
#485a72 rgb(72,90,114)
```
#50647e
```
#50647e rgb(80,100,126)
```
#576d8a
```
#576d8a rgb(87,109,138)
```
#5f7796
```
#5f7796 rgb(95,119,150)
```

Shade Color Variation

#6981a0
```
#6981a0 rgb(105,129,160)
```
#758ba7
```
#758ba7 rgb(117,139,167)
```
#8195af
```
#8195af rgb(129,149,175)
```
#8d9fb7
```
#8d9fb7 rgb(141,159,183)
```
#99a9be
```
#99a9be rgb(153,169,190)
```
#a5b3c6
```
#a5b3c6 rgb(165,179,198)
```
#b1bdcd
```
#b1bdcd rgb(177,189,205)
```
#bdc7d5
```
#bdc7d5 rgb(189,199,213)
```
#c9d2dd
```
#c9d2dd rgb(201,210,221)
```
#d5dce4
```
#d5dce4 rgb(213,220,228)
```
#e1e6ec
```
#e1e6ec rgb(225,230,236)
```
#edf0f4
```
#edf0f4 rgb(237,240,244)
```
#f9fafb
```
#f9fafb rgb(249,250,251)
```

Tint Color Variation

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

#727983
```
#727983 rgb(114,121,131)
```
#68788d
```
#68788d rgb(104,120,141)
```
#5f7796
```
#5f7796 rgb(95,119,150)
```
#56769f
```
#56769f rgb(86,118,159)
```
#4c75a9
```
#4c75a9 rgb(76,117,169)
```
#4373b2
```
#4373b2 rgb(67,115,178)
```
#3972bc
```
#3972bc rgb(57,114,188)
```
#3071c5
```
#3071c5 rgb(48,113,197)
```
#2670cf
```
#2670cf rgb(38,112,207)
```
#1d6fd8
```
#1d6fd8 rgb(29,111,216)
```
#146de1
```
#146de1 rgb(20,109,225)
```
#0a6ceb
```
#0a6ceb rgb(10,108,235)
```
#016bf4
```
#016bf4 rgb(1,107,244)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#6f747a Atypical Achromatopsia 0.001% of the population

Dichromacy

#747b99 Protanopia 1% of men
#757a9c Deuteranopia 1% of men
#62818a Tritanopia 0.001% of the population

Trichromacy

#6c7998 Protanomaly 1% of men, 0.01% of women
#6d799a Deuteranomaly 6% of men, 0.4% of women
#617d8e Tritanomaly 0.01% of the population

#5f7796 hex color

#5f7796 Color Information

#5f7796 Color Conversion

Color Schemes with #5f7796

Alternatives to #5f7796

#5f7796 Preview

Shades and Tints of #5f7796

Tones of #5f7796

Color Blindness Simulator