#7445f4 hex color

In a RGB color space, hex #7445f4 is composed of 45.5% red, 27.1% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 52.5% cyan, 71.7% magenta, 0% yellow and 4.3% black. It has a hue angle of 256.1 degrees, a saturation of 88.8% and a lightness of 61.4%. #7445f4 color hex could be obtained by blending #e88aff with #0000e9. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 45
- G 27
- B 96
RGB color chart
- C 52
- M 72
- Y 0
- K 4
CMYK color chart

● #7445f4 color description : Bright violet.

The hexadecimal color #7445f4 has RGB values of R:116, G:69, B:244 and CMYK values of C:0.52, M:0.72, Y:0, K:0.04. Its decimal value is 7620084.

Hex triplet	7445f4	`#7445f4`
RGB Decimal	116, 69, 244	`rgb(116,69,244)`
RGB Percent	45.5, 27.1, 95.7	`rgb(45.5%,27.1%,95.7%)`
CMYK	52, 72, 0, 4
HSL	256.1°, 88.8, 61.4	`hsl(256.1,88.8%,61.4%)`
HSV (or HSB)	256.1°, 71.7, 95.7
Web Safe	6633ff	`#6633ff`

CIE-LAB	44.942, 60.459, -80.537
XYZ	25.657, 14.5, 87.03
xyY	0.202, 0.114, 14.5
CIE-LCH	44.942, 100.705, 306.896
CIE-LUV	44.942, 3.321, -122.418
Hunter-Lab	38.079, 53.629, -108.851
Binary	01110100, 01000101, 11110100

#7445f4
```
#7445f4 rgb(116,69,244)
```
#c5f445
```
#c5f445 rgb(197,244,69)
```

Complementary Color

#456ef4
```
#456ef4 rgb(69,110,244)
```
#7445f4
```
#7445f4 rgb(116,69,244)
```
#cc45f4
```
#cc45f4 rgb(204,69,244)
```

Analogous Color

#6ef445
```
#6ef445 rgb(110,244,69)
```
#7445f4
```
#7445f4 rgb(116,69,244)
```
#f4cc45
```
#f4cc45 rgb(244,204,69)
```

Split Complementary Color

#45f474
```
#45f474 rgb(69,244,116)
```
#7445f4
```
#7445f4 rgb(116,69,244)
```
#f47445
```
#f47445 rgb(244,116,69)
```

Triadic Color

#45c5f4
```
#45c5f4 rgb(69,197,244)
```
#7445f4
```
#7445f4 rgb(116,69,244)
```
#f47445
```
#f47445 rgb(244,116,69)
```
#c5f445
```
#c5f445 rgb(197,244,69)
```

Tetradic Color

#460ddf
```
#460ddf rgb(70,13,223)
```
#5015f1
```
#5015f1 rgb(80,21,241)
```
#622df3
```
#622df3 rgb(98,45,243)
```
#7445f4
```
#7445f4 rgb(116,69,244)
```
#865df5
```
#865df5 rgb(134,93,245)
```
#9875f7
```
#9875f7 rgb(152,117,247)
```
#aa8df8
```
#aa8df8 rgb(170,141,248)
```

Monochromatic Color

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

#4845f4
```
#4845f4 rgb(72,69,244)
```
#5745f4
```
#5745f4 rgb(87,69,244)
```
#6545f4
```
#6545f4 rgb(101,69,244)
```
#7445f4
```
#7445f4 rgb(116,69,244)
```
#8345f4
```
#8345f4 rgb(131,69,244)
```
#9145f4
```
#9145f4 rgb(145,69,244)
```
#a045f4
```
#a045f4 rgb(160,69,244)
```

Similar Colors

Text with hexadecimal color #7445f4

This text has a font color of #7445f4.

<span style="color:#7445f4;">Text here</span>

#7445f4 background color

This paragraph has a background color of #7445f4.

<p style="background-color:#7445f4;">Content here</p>

#7445f4 border color

This element has a border color of #7445f4.

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

CSS codes

.text {color:#7445f4;}

.background {background-color:#7445f4;}

.border {border:1px solid #7445f4;}

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

#060112
```
#060112 rgb(6,1,18)
```
#0b0224
```
#0b0224 rgb(11,2,36)
```
#110337
```
#110337 rgb(17,3,55)
```
#170449
```
#170449 rgb(23,4,73)
```
#1d055c
```
#1d055c rgb(29,5,92)
```
#22076e
```
#22076e rgb(34,7,110)
```
#280881
```
#280881 rgb(40,8,129)
```
#2e0993
```
#2e0993 rgb(46,9,147)
```
#340aa6
```
#340aa6 rgb(52,10,166)
```
#3a0bb8
```
#3a0bb8 rgb(58,11,184)
```
#3f0ccb
```
#3f0ccb rgb(63,12,203)
```
#450ddd
```
#450ddd rgb(69,13,221)
```
#4b0ef0
```
#4b0ef0 rgb(75,14,240)
```

Shade Color Variation

#5820f2
```
#5820f2 rgb(88,32,242)
```
#6632f3
```
#6632f3 rgb(102,50,243)
```
#7445f4
```
#7445f4 rgb(116,69,244)
```
#8258f5
```
#8258f5 rgb(130,88,245)
```
#906af6
```
#906af6 rgb(144,106,246)
```
#9e7df7
```
#9e7df7 rgb(158,125,247)
```
#ab8ff8
```
#ab8ff8 rgb(171,143,248)
```
#b9a2f9
```
#b9a2f9 rgb(185,162,249)
```
#c7b4fb
```
#c7b4fb rgb(199,180,251)
```
#d5c7fc
```
#d5c7fc rgb(213,199,252)
```
#e3d9fd
```
#e3d9fd rgb(227,217,253)
```
#f1ecfe
```
#f1ecfe rgb(241,236,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9b98a1 is the less saturated color, while #703dfc is the most saturated one.

#9b98a1
```
#9b98a1 rgb(155,152,161)
```
#9791a8
```
#9791a8 rgb(151,145,168)
```
#9489b0
```
#9489b0 rgb(148,137,176)
```
#9082b7
```
#9082b7 rgb(144,130,183)
```
#8d7abf
```
#8d7abf rgb(141,122,191)
```
#8972c7
```
#8972c7 rgb(137,114,199)
```
#866bce
```
#866bce rgb(134,107,206)
```
#8263d6
```
#8263d6 rgb(130,99,214)
```
#7f5cdd
```
#7f5cdd rgb(127,92,221)
```
#7b54e5
```
#7b54e5 rgb(123,84,229)
```
#784dec
```
#784dec rgb(120,77,236)
```
#7445f4
```
#7445f4 rgb(116,69,244)
```
#703dfc
```
#703dfc rgb(112,61,252)
```

Tone Color Variation

Below, you can see how #7445f4 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

#676767 Achromatopsia 0.005% of the population
#6a6083 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed7 Protanopia 1% of men
#0074bc Deuteranopia 1% of men
#497982 Tritanopia 0.001% of the population

Trichromacy

#2a5fe1 Protanomaly 1% of men, 0.01% of women
#2a63d0 Deuteranomaly 6% of men, 0.4% of women
#5866ab Tritanomaly 0.01% of the population

#7445f4 hex color

#7445f4 Color Information

#7445f4 Color Conversion

Color Schemes with #7445f4

Alternatives to #7445f4

#7445f4 Preview

Shades and Tints of #7445f4

Tones of #7445f4

Color Blindness Simulator