#745aa4 hex color

In a RGB color space, hex #745aa4 is composed of 45.5% red, 35.3% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 29.3% cyan, 45.1% magenta, 0% yellow and 35.7% black. It has a hue angle of 261.1 degrees, a saturation of 29.1% and a lightness of 49.8%. #745aa4 color hex could be obtained by blending #e8b4ff with #000049. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 45
- G 35
- B 64
RGB color chart
- C 29
- M 45
- Y 0
- K 36
CMYK color chart

● #745aa4 color description : Dark moderate violet.

The hexadecimal color #745aa4 has RGB values of R:116, G:90, B:164 and CMYK values of C:0.29, M:0.45, Y:0, K:0.36. Its decimal value is 7625380.

Hex triplet	745aa4	`#745aa4`
RGB Decimal	116, 90, 164	`rgb(116,90,164)`
RGB Percent	45.5, 35.3, 64.3	`rgb(45.5%,35.3%,64.3%)`
CMYK	29, 45, 0, 36
HSL	261.1°, 29.1, 49.8	`hsl(261.1,29.1%,49.8%)`
HSV (or HSB)	261.1°, 45.1, 64.3
Web Safe	666699	`#666699`

CIE-LAB	43.808, 26.971, -36.247
XYZ	17.558, 13.706, 36.84
xyY	0.258, 0.201, 13.706
CIE-LCH	43.808, 45.181, 306.653
CIE-LUV	43.808, 7.205, -56.182
Hunter-Lab	37.021, 19.872, -33.086
Binary	01110100, 01011010, 10100100

#745aa4
```
#745aa4 rgb(116,90,164)
```
#8aa45a
```
#8aa45a rgb(138,164,90)
```

Complementary Color

#5a65a4
```
#5a65a4 rgb(90,101,164)
```
#745aa4
```
#745aa4 rgb(116,90,164)
```
#995aa4
```
#995aa4 rgb(153,90,164)
```

Analogous Color

#65a45a
```
#65a45a rgb(101,164,90)
```
#745aa4
```
#745aa4 rgb(116,90,164)
```
#a4995a
```
#a4995a rgb(164,153,90)
```

Split Complementary Color

#5aa474
```
#5aa474 rgb(90,164,116)
```
#745aa4
```
#745aa4 rgb(116,90,164)
```
#a4745a
```
#a4745a rgb(164,116,90)
```

Triadic Color

#5a8aa4
```
#5a8aa4 rgb(90,138,164)
```
#745aa4
```
#745aa4 rgb(116,90,164)
```
#a4745a
```
#a4745a rgb(164,116,90)
```
#8aa45a
```
#8aa45a rgb(138,164,90)
```

Tetradic Color

#513f73
```
#513f73 rgb(81,63,115)
```
#5d4883
```
#5d4883 rgb(93,72,131)
```
#685194
```
#685194 rgb(104,81,148)
```
#745aa4
```
#745aa4 rgb(116,90,164)
```
#826aad
```
#826aad rgb(130,106,173)
```
#907bb6
```
#907bb6 rgb(144,123,182)
```
#9d8bbf
```
#9d8bbf rgb(157,139,191)
```

Monochromatic Color

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

#625aa4
```
#625aa4 rgb(98,90,164)
```
#685aa4
```
#685aa4 rgb(104,90,164)
```
#6e5aa4
```
#6e5aa4 rgb(110,90,164)
```
#745aa4
```
#745aa4 rgb(116,90,164)
```
#7a5aa4
```
#7a5aa4 rgb(122,90,164)
```
#805aa4
```
#805aa4 rgb(128,90,164)
```
#875aa4
```
#875aa4 rgb(135,90,164)
```

Similar Colors

Text with hexadecimal color #745aa4

This text has a font color of #745aa4.

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

#745aa4 background color

This paragraph has a background color of #745aa4.

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

#745aa4 border color

This element has a border color of #745aa4.

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

CSS codes

.text {color:#745aa4;}

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

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

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, #09070c is the darkest color, while #fefeff is the lightest one.

#09070c
```
#09070c rgb(9,7,12)
```
#110e19
```
#110e19 rgb(17,14,25)
```
#1a1425
```
#1a1425 rgb(26,20,37)
```
#231b32
```
#231b32 rgb(35,27,50)
```
#2c223f
```
#2c223f rgb(44,34,63)
```
#35294b
```
#35294b rgb(53,41,75)
```
#3e3058
```
#3e3058 rgb(62,48,88)
```
#473765
```
#473765 rgb(71,55,101)
```
#503e71
```
#503e71 rgb(80,62,113)
```
#59457e
```
#59457e rgb(89,69,126)
```
#624c8b
```
#624c8b rgb(98,76,139)
```
#6b5397
```
#6b5397 rgb(107,83,151)
```
#745aa4
```
#745aa4 rgb(116,90,164)
```

Shade Color Variation

#7f66ab
```
#7f66ab rgb(127,102,171)
```
#8973b2
```
#8973b2 rgb(137,115,178)
```
#9480b9
```
#9480b9 rgb(148,128,185)
```
#9f8cc0
```
#9f8cc0 rgb(159,140,192)
```
#a999c7
```
#a999c7 rgb(169,153,199)
```
#b4a6ce
```
#b4a6ce rgb(180,166,206)
```
#bfb2d5
```
#bfb2d5 rgb(191,178,213)
```
#c9bfdc
```
#c9bfdc rgb(201,191,220)
```
#d4cce3
```
#d4cce3 rgb(212,204,227)
```
#ded8ea
```
#ded8ea rgb(222,216,234)
```
#e9e5f1
```
#e9e5f1 rgb(233,229,241)
```
#f4f2f8
```
#f4f2f8 rgb(244,242,248)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d7787 is the less saturated color, while #5a02fc is the most saturated one.

#7d7787
```
#7d7787 rgb(125,119,135)
```
#7a6e90
```
#7a6e90 rgb(122,110,144)
```
#77649a
```
#77649a rgb(119,100,154)
```
#745aa4
```
#745aa4 rgb(116,90,164)
```
#7150ae
```
#7150ae rgb(113,80,174)
```
#6e46b8
```
#6e46b8 rgb(110,70,184)
```
#6b3dc1
```
#6b3dc1 rgb(107,61,193)
```
#6833cb
```
#6833cb rgb(104,51,203)
```
#6529d5
```
#6529d5 rgb(101,41,213)
```
#631fdf
```
#631fdf rgb(99,31,223)
```
#6016e8
```
#6016e8 rgb(96,22,232)
```
#5d0cf2
```
#5d0cf2 rgb(93,12,242)
```
#5a02fc
```
#5a02fc rgb(90,2,252)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#6c6776 Atypical Achromatopsia 0.001% of the population

Dichromacy

#506db1 Protanopia 1% of men
#526fa4 Deuteranopia 1% of men
#6f6e76 Tritanopia 0.001% of the population

Trichromacy

#5d66ac Protanomaly 1% of men, 0.01% of women
#5e67a4 Deuteranomaly 6% of men, 0.4% of women
#716787 Tritanomaly 0.01% of the population

#745aa4 hex color

#745aa4 Color Information

#745aa4 Color Conversion

Color Schemes with #745aa4

Alternatives to #745aa4

#745aa4 Preview

Shades and Tints of #745aa4

Tones of #745aa4

Color Blindness Simulator