#745fb3 hex color

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

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

● #745fb3 color description : Slightly desaturated violet.

The hexadecimal color #745fb3 has RGB values of R:116, G:95, B:179 and CMYK values of C:0.35, M:0.47, Y:0, K:0.3. Its decimal value is 7626675.

Hex triplet	745fb3	`#745fb3`
RGB Decimal	116, 95, 179	`rgb(116,95,179)`
RGB Percent	45.5, 37.3, 70.2	`rgb(45.5%,37.3%,70.2%)`
CMYK	35, 47, 0, 30
HSL	255°, 35.6, 53.7	`hsl(255,35.6%,53.7%)`
HSV (or HSB)	255°, 46.9, 70.2
Web Safe	6666cc	`#6666cc`

CIE-LAB	45.842, 27.983, -41.849
XYZ	19.43, 15.152, 44.546
xyY	0.246, 0.191, 15.152
CIE-LCH	45.842, 50.343, 303.769
CIE-LUV	45.842, 3.873, -65.436
Hunter-Lab	38.925, 20.98, -40.604
Binary	01110100, 01011111, 10110011

#745fb3
```
#745fb3 rgb(116,95,179)
```
#9eb35f
```
#9eb35f rgb(158,179,95)
```

Complementary Color

#5f74b3
```
#5f74b3 rgb(95,116,179)
```
#745fb3
```
#745fb3 rgb(116,95,179)
```
#9e5fb3
```
#9e5fb3 rgb(158,95,179)
```

Analogous Color

#74b35f
```
#74b35f rgb(116,179,95)
```
#745fb3
```
#745fb3 rgb(116,95,179)
```
#b39e5f
```
#b39e5f rgb(179,158,95)
```

Split Complementary Color

#5fb374
```
#5fb374 rgb(95,179,116)
```
#745fb3
```
#745fb3 rgb(116,95,179)
```
#b3745f
```
#b3745f rgb(179,116,95)
```

Triadic Color

#5f9eb3
```
#5f9eb3 rgb(95,158,179)
```
#745fb3
```
#745fb3 rgb(116,95,179)
```
#b3745f
```
#b3745f rgb(179,116,95)
```
#9eb35f
```
#9eb35f rgb(158,179,95)
```

Tetradic Color

#514086
```
#514086 rgb(81,64,134)
```
#5c4897
```
#5c4897 rgb(92,72,151)
```
#6650a8
```
#6650a8 rgb(102,80,168)
```
#745fb3
```
#745fb3 rgb(116,95,179)
```
#8370bb
```
#8370bb rgb(131,112,187)
```
#9282c3
```
#9282c3 rgb(146,130,195)
```
#a193cc
```
#a193cc rgb(161,147,204)
```

Monochromatic Color

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

#5f5fb3
```
#5f5fb3 rgb(95,95,179)
```
#665fb3
```
#665fb3 rgb(102,95,179)
```
#6d5fb3
```
#6d5fb3 rgb(109,95,179)
```
#745fb3
```
#745fb3 rgb(116,95,179)
```
#7b5fb3
```
#7b5fb3 rgb(123,95,179)
```
#825fb3
```
#825fb3 rgb(130,95,179)
```
#895fb3
```
#895fb3 rgb(137,95,179)
```

Similar Colors

Text with hexadecimal color #745fb3

This text has a font color of #745fb3.

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

#745fb3 background color

This paragraph has a background color of #745fb3.

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

#745fb3 border color

This element has a border color of #745fb3.

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

CSS codes

.text {color:#745fb3;}

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

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

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

#08060d
```
#08060d rgb(8,6,13)
```
#100c1a
```
#100c1a rgb(16,12,26)
```
#181327
```
#181327 rgb(24,19,39)
```
#201935
```
#201935 rgb(32,25,53)
```
#281f42
```
#281f42 rgb(40,31,66)
```
#30264f
```
#30264f rgb(48,38,79)
```
#382c5d
```
#382c5d rgb(56,44,93)
```
#40326a
```
#40326a rgb(64,50,106)
```
#483977
```
#483977 rgb(72,57,119)
```
#503f85
```
#503f85 rgb(80,63,133)
```
#584592
```
#584592 rgb(88,69,146)
```
#604c9f
```
#604c9f rgb(96,76,159)
```
#6952ac
```
#6952ac rgb(105,82,172)
```

Shade Color Variation

#745fb3
```
#745fb3 rgb(116,95,179)
```
#806cb9
```
#806cb9 rgb(128,108,185)
```
#8b7ac0
```
#8b7ac0 rgb(139,122,192)
```
#9787c6
```
#9787c6 rgb(151,135,198)
```
#a294cc
```
#a294cc rgb(162,148,204)
```
#aea1d3
```
#aea1d3 rgb(174,161,211)
```
#b9afd9
```
#b9afd9 rgb(185,175,217)
```
#c5bcdf
```
#c5bcdf rgb(197,188,223)
```
#d0c9e6
```
#d0c9e6 rgb(208,201,230)
```
#dcd7ec
```
#dcd7ec rgb(220,215,236)
```
#e8e4f2
```
#e8e4f2 rgb(232,228,242)
```
#f3f1f8
```
#f3f1f8 rgb(243,241,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #86838f is the less saturated color, while #5016fc is the most saturated one.

#86838f
```
#86838f rgb(134,131,143)
```
#827a98
```
#827a98 rgb(130,122,152)
```
#7d71a1
```
#7d71a1 rgb(125,113,161)
```
#7968aa
```
#7968aa rgb(121,104,170)
```
#745fb3
```
#745fb3 rgb(116,95,179)
```
#6f56bc
```
#6f56bc rgb(111,86,188)
```
#6b4dc5
```
#6b4dc5 rgb(107,77,197)
```
#6644ce
```
#6644ce rgb(102,68,206)
```
#623bd7
```
#623bd7 rgb(98,59,215)
```
#5d32e0
```
#5d32e0 rgb(93,50,224)
```
#5929e9
```
#5929e9 rgb(89,41,233)
```
#541ff3
```
#541ff3 rgb(84,31,243)
```
#5016fc
```
#5016fc rgb(80,22,252)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#706c7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e71bf Protanopia 1% of men
#4c74b2 Deuteranopia 1% of men
#6c757d Tritanopia 0.001% of the population

Trichromacy

#5b6aba Protanomaly 1% of men, 0.01% of women
#5b6cb2 Deuteranomaly 6% of men, 0.4% of women
#6f6d91 Tritanomaly 0.01% of the population

#745fb3 hex color

#745fb3 Color Information

#745fb3 Color Conversion

Color Schemes with #745fb3

Alternatives to #745fb3

#745fb3 Preview

Shades and Tints of #745fb3

Tones of #745fb3

Color Blindness Simulator