#745ff1 hex color

In a RGB color space, hex #745ff1 is composed of 45.5% red, 37.3% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 51.9% cyan, 60.6% magenta, 0% yellow and 5.5% black. It has a hue angle of 248.6 degrees, a saturation of 83.9% and a lightness of 65.9%. #745ff1 color hex could be obtained by blending #e8beff with #0000e3. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 45
- G 37
- B 95
RGB color chart
- C 52
- M 61
- Y 0
- K 5
CMYK color chart

● #745ff1 color description : Soft blue.

The hexadecimal color #745ff1 has RGB values of R:116, G:95, B:241 and CMYK values of C:0.52, M:0.61, Y:0, K:0.05. Its decimal value is 7626737.

Hex triplet	745ff1	`#745ff1`
RGB Decimal	116, 95, 241	`rgb(116,95,241)`
RGB Percent	45.5, 37.3, 94.5	`rgb(45.5%,37.3%,94.5%)`
CMYK	52, 61, 0, 5
HSL	248.6°, 83.9, 65.9	`hsl(248.6,83.9%,65.9%)`
HSV (or HSB)	248.6°, 60.6, 94.5
Web Safe	6666ff	`#6666ff`

CIE-LAB	49.795, 45.769, -70.935
XYZ	27.169, 18.248, 85.305
xyY	0.208, 0.14, 18.248
CIE-LCH	49.795, 84.419, 302.831
CIE-LUV	49.795, -1.722, -112.238
Hunter-Lab	42.717, 38.774, -88.498
Binary	01110100, 01011111, 11110001

#745ff1
```
#745ff1 rgb(116,95,241)
```
#dcf15f
```
#dcf15f rgb(220,241,95)
```

Complementary Color

#5f93f1
```
#5f93f1 rgb(95,147,241)
```
#745ff1
```
#745ff1 rgb(116,95,241)
```
#bd5ff1
```
#bd5ff1 rgb(189,95,241)
```

Analogous Color

#93f15f
```
#93f15f rgb(147,241,95)
```
#745ff1
```
#745ff1 rgb(116,95,241)
```
#f1bd5f
```
#f1bd5f rgb(241,189,95)
```

Split Complementary Color

#5ff174
```
#5ff174 rgb(95,241,116)
```
#745ff1
```
#745ff1 rgb(116,95,241)
```
#f1745f
```
#f1745f rgb(241,116,95)
```

Triadic Color

#5fdcf1
```
#5fdcf1 rgb(95,220,241)
```
#745ff1
```
#745ff1 rgb(116,95,241)
```
#f1745f
```
#f1745f rgb(241,116,95)
```
#dcf15f
```
#dcf15f rgb(220,241,95)
```

Tetradic Color

#3719eb
```
#3719eb rgb(55,25,235)
```
#4b30ed
```
#4b30ed rgb(75,48,237)
```
#6048ef
```
#6048ef rgb(96,72,239)
```
#745ff1
```
#745ff1 rgb(116,95,241)
```
#8876f3
```
#8876f3 rgb(136,118,243)
```
#9d8ef5
```
#9d8ef5 rgb(157,142,245)
```
#b1a5f7
```
#b1a5f7 rgb(177,165,247)
```

Monochromatic Color

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

#5f6ff1
```
#5f6ff1 rgb(95,111,241)
```
#5f62f1
```
#5f62f1 rgb(95,98,241)
```
#685ff1
```
#685ff1 rgb(104,95,241)
```
#745ff1
```
#745ff1 rgb(116,95,241)
```
#805ff1
```
#805ff1 rgb(128,95,241)
```
#8c5ff1
```
#8c5ff1 rgb(140,95,241)
```
#995ff1
```
#995ff1 rgb(153,95,241)
```

Similar Colors

Text with hexadecimal color #745ff1

This text has a font color of #745ff1.

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

#745ff1 background color

This paragraph has a background color of #745ff1.

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

#745ff1 border color

This element has a border color of #745ff1.

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

CSS codes

.text {color:#745ff1;}

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

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

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

#010002
```
#010002 rgb(1,0,2)
```
#040214
```
#040214 rgb(4,2,20)
```
#080326
```
#080326 rgb(8,3,38)
```
#0c0538
```
#0c0538 rgb(12,5,56)
```
#10074a
```
#10074a rgb(16,7,74)
```
#14085d
```
#14085d rgb(20,8,93)
```
#180a6f
```
#180a6f rgb(24,10,111)
```
#1c0b81
```
#1c0b81 rgb(28,11,129)
```
#200d93
```
#200d93 rgb(32,13,147)
```
#240ea5
```
#240ea5 rgb(36,14,165)
```
#2810b7
```
#2810b7 rgb(40,16,183)
```
#2c12c9
```
#2c12c9 rgb(44,18,201)
```
#3013db
```
#3013db rgb(48,19,219)
```

Shade Color Variation

#3517eb
```
#3517eb rgb(53,23,235)
```
#4529ec
```
#4529ec rgb(69,41,236)
```
#553bee
```
#553bee rgb(85,59,238)
```
#644def
```
#644def rgb(100,77,239)
```
#745ff1
```
#745ff1 rgb(116,95,241)
```
#8471f3
```
#8471f3 rgb(132,113,243)
```
#9383f4
```
#9383f4 rgb(147,131,244)
```
#a395f6
```
#a395f6 rgb(163,149,246)
```
#b3a7f7
```
#b3a7f7 rgb(179,167,247)
```
#c2b9f9
```
#c2b9f9 rgb(194,185,249)
```
#d2cbfa
```
#d2cbfa rgb(210,203,250)
```
#e2ddfc
```
#e2ddfc rgb(226,221,252)
```
#f1effe
```
#f1effe rgb(241,239,254)
```

Tint Color Variation

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

#a4a2ae
```
#a4a2ae rgb(164,162,174)
```
#9f9bb5
```
#9f9bb5 rgb(159,155,181)
```
#9a95bb
```
#9a95bb rgb(154,149,187)
```
#958ec2
```
#958ec2 rgb(149,142,194)
```
#9187c9
```
#9187c9 rgb(145,135,201)
```
#8c80d0
```
#8c80d0 rgb(140,128,208)
```
#877ad6
```
#877ad6 rgb(135,122,214)
```
#8273dd
```
#8273dd rgb(130,115,221)
```
#7e6ce4
```
#7e6ce4 rgb(126,108,228)
```
#7966ea
```
#7966ea rgb(121,102,234)
```
#745ff1
```
#745ff1 rgb(116,95,241)
```
#6f58f8
```
#6f58f8 rgb(111,88,248)
```
#6a52fe
```
#6a52fe rgb(106,82,254)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#76718f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0079ee Protanopia 1% of men
#0080d1 Deuteranopia 1% of men
#51858f Tritanopia 0.001% of the population

Trichromacy

#2a6fef Protanomaly 1% of men, 0.01% of women
#2a74dd Deuteranomaly 6% of men, 0.4% of women
#5d77b2 Tritanomaly 0.01% of the population

#745ff1 hex color

#745ff1 Color Information

#745ff1 Color Conversion

Color Schemes with #745ff1

Alternatives to #745ff1

#745ff1 Preview

Shades and Tints of #745ff1

Tones of #745ff1

Color Blindness Simulator