#745ff7 hex color

In a RGB color space, hex #745ff7 is composed of 45.5% red, 37.3% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 53% cyan, 61.5% magenta, 0% yellow and 3.1% black. It has a hue angle of 248.3 degrees, a saturation of 90.5% and a lightness of 67.1%. #745ff7 color hex could be obtained by blending #e8beff with #0000ef. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 45
- G 37
- B 97
RGB color chart
- C 53
- M 62
- Y 0
- K 3
CMYK color chart

● #745ff7 color description : Soft blue.

The hexadecimal color #745ff7 has RGB values of R:116, G:95, B:247 and CMYK values of C:0.53, M:0.62, Y:0, K:0.03. Its decimal value is 7626743.

Hex triplet	745ff7	`#745ff7`
RGB Decimal	116, 95, 247	`rgb(116,95,247)`
RGB Percent	45.5, 37.3, 96.9	`rgb(45.5%,37.3%,96.9%)`
CMYK	53, 62, 0, 3
HSL	248.3°, 90.5, 67.1	`hsl(248.3,90.5%,67.1%)`
HSV (or HSB)	248.3°, 61.5, 96.9
Web Safe	6666ff	`#6666ff`

CIE-LAB	50.23, 47.535, -73.579
XYZ	28.08, 18.612, 90.103
xyY	0.205, 0.136, 18.612
CIE-LCH	50.23, 87.598, 302.864
CIE-LUV	50.23, -2.201, -116.438
Hunter-Lab	43.142, 40.684, -93.631
Binary	01110100, 01011111, 11110111

#745ff7
```
#745ff7 rgb(116,95,247)
```
#e2f75f
```
#e2f75f rgb(226,247,95)
```

Complementary Color

#5f96f7
```
#5f96f7 rgb(95,150,247)
```
#745ff7
```
#745ff7 rgb(116,95,247)
```
#c05ff7
```
#c05ff7 rgb(192,95,247)
```

Analogous Color

#96f75f
```
#96f75f rgb(150,247,95)
```
#745ff7
```
#745ff7 rgb(116,95,247)
```
#f7c05f
```
#f7c05f rgb(247,192,95)
```

Split Complementary Color

#5ff774
```
#5ff774 rgb(95,247,116)
```
#745ff7
```
#745ff7 rgb(116,95,247)
```
#f7745f
```
#f7745f rgb(247,116,95)
```

Triadic Color

#5fe2f7
```
#5fe2f7 rgb(95,226,247)
```
#745ff7
```
#745ff7 rgb(116,95,247)
```
#f7745f
```
#f7745f rgb(247,116,95)
```
#e2f75f
```
#e2f75f rgb(226,247,95)
```

Tetradic Color

#3516f3
```
#3516f3 rgb(53,22,243)
```
#4a2ef5
```
#4a2ef5 rgb(74,46,245)
```
#5f47f6
```
#5f47f6 rgb(95,71,246)
```
#745ff7
```
#745ff7 rgb(116,95,247)
```
#8977f8
```
#8977f8 rgb(137,119,248)
```
#9e90f9
```
#9e90f9 rgb(158,144,249)
```
#b3a8fb
```
#b3a8fb rgb(179,168,251)
```

Monochromatic Color

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

#5f70f7
```
#5f70f7 rgb(95,112,247)
```
#5f63f7
```
#5f63f7 rgb(95,99,247)
```
#675ff7
```
#675ff7 rgb(103,95,247)
```
#745ff7
```
#745ff7 rgb(116,95,247)
```
#815ff7
```
#815ff7 rgb(129,95,247)
```
#8d5ff7
```
#8d5ff7 rgb(141,95,247)
```
#9a5ff7
```
#9a5ff7 rgb(154,95,247)
```

Similar Colors

Text with hexadecimal color #745ff7

This text has a font color of #745ff7.

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

#745ff7 background color

This paragraph has a background color of #745ff7.

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

#745ff7 border color

This element has a border color of #745ff7.

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

CSS codes

.text {color:#745ff7;}

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

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

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

#010008
```
#010008 rgb(1,0,8)
```
#05011b
```
#05011b rgb(5,1,27)
```
#08022d
```
#08022d rgb(8,2,45)
```
#0c0340
```
#0c0340 rgb(12,3,64)
```
#0f0453
```
#0f0453 rgb(15,4,83)
```
#120566
```
#120566 rgb(18,5,102)
```
#160678
```
#160678 rgb(22,6,120)
```
#19078b
```
#19078b rgb(25,7,139)
```
#1d089e
```
#1d089e rgb(29,8,158)
```
#2009b0
```
#2009b0 rgb(32,9,176)
```
#230ac3
```
#230ac3 rgb(35,10,195)
```
#270bd6
```
#270bd6 rgb(39,11,214)
```
#2a0ce8
```
#2a0ce8 rgb(42,12,232)
```

Shade Color Variation

#3314f3
```
#3314f3 rgb(51,20,243)
```
#4327f4
```
#4327f4 rgb(67,39,244)
```
#543af5
```
#543af5 rgb(84,58,245)
```
#644cf6
```
#644cf6 rgb(100,76,246)
```
#745ff7
```
#745ff7 rgb(116,95,247)
```
#8472f8
```
#8472f8 rgb(132,114,248)
```
#9484f9
```
#9484f9 rgb(148,132,249)
```
#a597fa
```
#a597fa rgb(165,151,250)
```
#b5aafb
```
#b5aafb rgb(181,170,251)
```
#c5bcfc
```
#c5bcfc rgb(197,188,252)
```
#d5cffd
```
#d5cffd rgb(213,207,253)
```
#e6e2fe
```
#e6e2fe rgb(230,226,254)
```
#f6f4fe
```
#f6f4fe rgb(246,244,254)
```

Tint Color Variation

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

#a7a6b0
```
#a7a6b0 rgb(167,166,176)
```
#a3a0b6
```
#a3a0b6 rgb(163,160,182)
```
#9e99bd
```
#9e99bd rgb(158,153,189)
```
#9993c3
```
#9993c3 rgb(153,147,195)
```
#958cca
```
#958cca rgb(149,140,202)
```
#9086d0
```
#9086d0 rgb(144,134,208)
```
#8b7fd7
```
#8b7fd7 rgb(139,127,215)
```
#8779dd
```
#8779dd rgb(135,121,221)
```
#8272e4
```
#8272e4 rgb(130,114,228)
```
#7d6cea
```
#7d6cea rgb(125,108,234)
```
#7965f1
```
#7965f1 rgb(121,101,241)
```
#745ff7
```
#745ff7 rgb(116,95,247)
```
#6f59fd
```
#6f59fd rgb(111,89,253)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#767291 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007af0 Protanopia 1% of men
#0081d3 Deuteranopia 1% of men
#4c8790 Tritanopia 0.001% of the population

Trichromacy

#2a70f2 Protanomaly 1% of men, 0.01% of women
#2a74e0 Deuteranomaly 6% of men, 0.4% of women
#5b78b6 Tritanomaly 0.01% of the population

#745ff7 hex color

#745ff7 Color Information

#745ff7 Color Conversion

Color Schemes with #745ff7

Alternatives to #745ff7

#745ff7 Preview

Shades and Tints of #745ff7

Tones of #745ff7

Color Blindness Simulator