#745f80 hex color

In a RGB color space, hex #745f80 is composed of 45.5% red, 37.3% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 9.4% cyan, 25.8% magenta, 0% yellow and 49.8% black. It has a hue angle of 278.2 degrees, a saturation of 14.8% and a lightness of 43.7%. #745f80 color hex could be obtained by blending #e8beff with #000001. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 45
- G 37
- B 50
RGB color chart
- C 9
- M 26
- Y 0
- K 50
CMYK color chart

● #745f80 color description : Mostly desaturated dark violet.

The hexadecimal color #745f80 has RGB values of R:116, G:95, B:128 and CMYK values of C:0.09, M:0.26, Y:0, K:0.5. Its decimal value is 7626624.

Hex triplet	745f80	`#745f80`
RGB Decimal	116, 95, 128	`rgb(116,95,128)`
RGB Percent	45.5, 37.3, 50.2	`rgb(45.5%,37.3%,50.2%)`
CMYK	9, 26, 0, 50
HSL	278.2°, 14.8, 43.7	`hsl(278.2,14.8%,43.7%)`
HSV (or HSB)	278.2°, 25.8, 50.2
Web Safe	666699	`#666699`

CIE-LAB	43.443, 15.121, -15.258
XYZ	15.19, 13.456, 22.218
xyY	0.299, 0.265, 13.456
CIE-LCH	43.443, 21.482, 314.742
CIE-LUV	43.443, 9.231, -23.402
Hunter-Lab	36.683, 9.723, -10.233
Binary	01110100, 01011111, 10000000

#745f80
```
#745f80 rgb(116,95,128)
```
#6b805f
```
#6b805f rgb(107,128,95)
```

Complementary Color

#645f80
```
#645f80 rgb(100,95,128)
```
#745f80
```
#745f80 rgb(116,95,128)
```
#805f7c
```
#805f7c rgb(128,95,124)
```

Analogous Color

#5f8064
```
#5f8064 rgb(95,128,100)
```
#745f80
```
#745f80 rgb(116,95,128)
```
#7c805f
```
#7c805f rgb(124,128,95)
```

Split Complementary Color

#5f8074
```
#5f8074 rgb(95,128,116)
```
#745f80
```
#745f80 rgb(116,95,128)
```
#80745f
```
#80745f rgb(128,116,95)
```

Triadic Color

#5f6b80
```
#5f6b80 rgb(95,107,128)
```
#745f80
```
#745f80 rgb(116,95,128)
```
#80745f
```
#80745f rgb(128,116,95)
```
#6b805f
```
#6b805f rgb(107,128,95)
```

Tetradic Color

#4c3e54
```
#4c3e54 rgb(76,62,84)
```
#594963
```
#594963 rgb(89,73,99)
```
#675471
```
#675471 rgb(103,84,113)
```
#745f80
```
#745f80 rgb(116,95,128)
```
#816a8f
```
#816a8f rgb(129,106,143)
```
#8e789a
```
#8e789a rgb(142,120,154)
```
#9a86a5
```
#9a86a5 rgb(154,134,165)
```

Monochromatic Color

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

#6c5f80
```
#6c5f80 rgb(108,95,128)
```
#6f5f80
```
#6f5f80 rgb(111,95,128)
```
#715f80
```
#715f80 rgb(113,95,128)
```
#745f80
```
#745f80 rgb(116,95,128)
```
#775f80
```
#775f80 rgb(119,95,128)
```
#7a5f80
```
#7a5f80 rgb(122,95,128)
```
#7c5f80
```
#7c5f80 rgb(124,95,128)
```

Similar Colors

Text with hexadecimal color #745f80

This text has a font color of #745f80.

<span style="color:#745f80;">Text here</span>

#745f80 background color

This paragraph has a background color of #745f80.

<p style="background-color:#745f80;">Content here</p>

#745f80 border color

This element has a border color of #745f80.

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

CSS codes

.text {color:#745f80;}

.background {background-color:#745f80;}

.border {border:1px solid #745f80;}

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

#040304
```
#040304 rgb(4,3,4)
```
#0e0b0f
```
#0e0b0f rgb(14,11,15)
```
#18141b
```
#18141b rgb(24,20,27)
```
#221c26
```
#221c26 rgb(34,28,38)
```
#2d2531
```
#2d2531 rgb(45,37,49)
```
#372d3c
```
#372d3c rgb(55,45,60)
```
#413548
```
#413548 rgb(65,53,72)
```
#4b3e53
```
#4b3e53 rgb(75,62,83)
```
#55465e
```
#55465e rgb(85,70,94)
```
#604e69
```
#604e69 rgb(96,78,105)
```
#6a5775
```
#6a5775 rgb(106,87,117)
```
#745f80
```
#745f80 rgb(116,95,128)
```
#7e678b
```
#7e678b rgb(126,103,139)
```

Shade Color Variation

#887195
```
#887195 rgb(136,113,149)
```
#927c9e
```
#927c9e rgb(146,124,158)
```
#9b87a6
```
#9b87a6 rgb(155,135,166)
```
#a493af
```
#a493af rgb(164,147,175)
```
#ae9eb7
```
#ae9eb7 rgb(174,158,183)
```
#b7a9bf
```
#b7a9bf rgb(183,169,191)
```
#c1b4c8
```
#c1b4c8 rgb(193,180,200)
```
#cac0d0
```
#cac0d0 rgb(202,192,208)
```
#d3cbd8
```
#d3cbd8 rgb(211,203,216)
```
#ddd6e1
```
#ddd6e1 rgb(221,214,225)
```
#e6e1e9
```
#e6e1e9 rgb(230,225,233)
```
#f0edf1
```
#f0edf1 rgb(240,237,241)
```
#f9f8fa
```
#f9f8fa rgb(249,248,250)
```

Tint Color Variation

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

#726877
```
#726877 rgb(114,104,119)
```
#745f80
```
#745f80 rgb(116,95,128)
```
#765689
```
#765689 rgb(118,86,137)
```
#794e91
```
#794e91 rgb(121,78,145)
```
#7b459a
```
#7b459a rgb(123,69,154)
```
#7d3da2
```
#7d3da2 rgb(125,61,162)
```
#8034ab
```
#8034ab rgb(128,52,171)
```
#822cb3
```
#822cb3 rgb(130,44,179)
```
#8423bc
```
#8423bc rgb(132,35,188)
```
#871ac5
```
#871ac5 rgb(135,26,197)
```
#8912cd
```
#8912cd rgb(137,18,205)
```
#8b09d6
```
#8b09d6 rgb(139,9,214)
```
#8e01de
```
#8e01de rgb(142,1,222)
```

Tone Color Variation

Below, you can see how #745f80 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

#696969 Achromatopsia 0.005% of the population
#6b676e Atypical Achromatopsia 0.001% of the population

Dichromacy

#666d8a Protanopia 1% of men
#6c6c84 Deuteranopia 1% of men
#776b72 Tritanopia 0.001% of the population

Trichromacy

#6b6886 Protanomaly 1% of men, 0.01% of women
#6f6783 Deuteranomaly 6% of men, 0.4% of women
#766677 Tritanomaly 0.01% of the population

#745f80 hex color

#745f80 Color Information

#745f80 Color Conversion

Color Schemes with #745f80

Alternatives to #745f80

#745f80 Preview

Shades and Tints of #745f80

Tones of #745f80

Color Blindness Simulator