#745ef9 hex color

In a RGB color space, hex #745ef9 is composed of 45.5% red, 36.9% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 53.4% cyan, 62.2% magenta, 0% yellow and 2.4% black. It has a hue angle of 248.5 degrees, a saturation of 92.8% and a lightness of 67.3%. #745ef9 color hex could be obtained by blending #e8bcff with #0000f3. Closest websafe color is: #6666ff.

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

● #745ef9 color description : Soft blue.

The hexadecimal color #745ef9 has RGB values of R:116, G:94, B:249 and CMYK values of C:0.53, M:0.62, Y:0, K:0.02. Its decimal value is 7626489.

Hex triplet	745ef9	`#745ef9`
RGB Decimal	116, 94, 249	`rgb(116,94,249)`
RGB Percent	45.5, 36.9, 97.6	`rgb(45.5%,36.9%,97.6%)`
CMYK	53, 62, 0, 2
HSL	248.5°, 92.8, 67.3	`hsl(248.5,92.8%,67.3%)`
HSV (or HSB)	248.5°, 62.2, 97.6
Web Safe	6666ff	`#6666ff`

CIE-LAB	50.165, 48.686, -74.799
XYZ	28.301, 18.557, 91.708
xyY	0.204, 0.134, 18.557
CIE-LCH	50.165, 89.248, 303.06
CIE-LUV	50.165, -2.126, -118.21
Hunter-Lab	43.078, 41.882, -96.067
Binary	01110100, 01011110, 11111001

#745ef9
```
#745ef9 rgb(116,94,249)
```
#e3f95e
```
#e3f95e rgb(227,249,94)
```

Complementary Color

#5e96f9
```
#5e96f9 rgb(94,150,249)
```
#745ef9
```
#745ef9 rgb(116,94,249)
```
#c25ef9
```
#c25ef9 rgb(194,94,249)
```

Analogous Color

#96f95e
```
#96f95e rgb(150,249,94)
```
#745ef9
```
#745ef9 rgb(116,94,249)
```
#f9c25e
```
#f9c25e rgb(249,194,94)
```

Split Complementary Color

#5ef974
```
#5ef974 rgb(94,249,116)
```
#745ef9
```
#745ef9 rgb(116,94,249)
```
#f9745e
```
#f9745e rgb(249,116,94)
```

Triadic Color

#5ee3f9
```
#5ee3f9 rgb(94,227,249)
```
#745ef9
```
#745ef9 rgb(116,94,249)
```
#f9745e
```
#f9745e rgb(249,116,94)
```
#e3f95e
```
#e3f95e rgb(227,249,94)
```

Tetradic Color

#3414f6
```
#3414f6 rgb(52,20,246)
```
#4a2df7
```
#4a2df7 rgb(74,45,247)
```
#5f45f8
```
#5f45f8 rgb(95,69,248)
```
#745ef9
```
#745ef9 rgb(116,94,249)
```
#8977fa
```
#8977fa rgb(137,119,250)
```
#9e8ffb
```
#9e8ffb rgb(158,143,251)
```
#b4a8fc
```
#b4a8fc rgb(180,168,252)
```

Monochromatic Color

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

#5e6ff9
```
#5e6ff9 rgb(94,111,249)
```
#5e62f9
```
#5e62f9 rgb(94,98,249)
```
#675ef9
```
#675ef9 rgb(103,94,249)
```
#745ef9
```
#745ef9 rgb(116,94,249)
```
#815ef9
```
#815ef9 rgb(129,94,249)
```
#8e5ef9
```
#8e5ef9 rgb(142,94,249)
```
#9b5ef9
```
#9b5ef9 rgb(155,94,249)
```

Similar Colors

Text with hexadecimal color #745ef9

This text has a font color of #745ef9.

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

#745ef9 background color

This paragraph has a background color of #745ef9.

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

#745ef9 border color

This element has a border color of #745ef9.

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

CSS codes

.text {color:#745ef9;}

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

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

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

#020009
```
#020009 rgb(2,0,9)
```
#05011c
```
#05011c rgb(5,1,28)
```
#08022f
```
#08022f rgb(8,2,47)
```
#0b0242
```
#0b0242 rgb(11,2,66)
```
#0f0355
```
#0f0355 rgb(15,3,85)
```
#120468
```
#120468 rgb(18,4,104)
```
#15057b
```
#15057b rgb(21,5,123)
```
#19058e
```
#19058e rgb(25,5,142)
```
#1c06a0
```
#1c06a0 rgb(28,6,160)
```
#1f07b3
```
#1f07b3 rgb(31,7,179)
```
#2207c6
```
#2207c6 rgb(34,7,198)
```
#2608d9
```
#2608d9 rgb(38,8,217)
```
#2909ec
```
#2909ec rgb(41,9,236)
```

Shade Color Variation

#3312f6
```
#3312f6 rgb(51,18,246)
```
#4325f7
```
#4325f7 rgb(67,37,247)
```
#5338f8
```
#5338f8 rgb(83,56,248)
```
#644bf8
```
#644bf8 rgb(100,75,248)
```
#745ef9
```
#745ef9 rgb(116,94,249)
```
#8471fa
```
#8471fa rgb(132,113,250)
```
#9584fa
```
#9584fa rgb(149,132,250)
```
#a597fb
```
#a597fb rgb(165,151,251)
```
#b5aafc
```
#b5aafc rgb(181,170,252)
```
#c6bdfd
```
#c6bdfd rgb(198,189,253)
```
#d6cffd
```
#d6cffd rgb(214,207,253)
```
#e6e2fe
```
#e6e2fe rgb(230,226,254)
```
#f7f5ff
```
#f7f5ff rgb(247,245,255)
```

Tint Color Variation

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

#ababac
```
#ababac rgb(171,171,172)
```
#a7a5b2
```
#a7a5b2 rgb(167,165,178)
```
#a29eb9
```
#a29eb9 rgb(162,158,185)
```
#9d98bf
```
#9d98bf rgb(157,152,191)
```
#9991c6
```
#9991c6 rgb(153,145,198)
```
#948bcc
```
#948bcc rgb(148,139,204)
```
#9085d2
```
#9085d2 rgb(144,133,210)
```
#8b7ed9
```
#8b7ed9 rgb(139,126,217)
```
#8678df
```
#8678df rgb(134,120,223)
```
#8271e6
```
#8271e6 rgb(130,113,230)
```
#7d6bec
```
#7d6bec rgb(125,107,236)
```
#7964f3
```
#7964f3 rgb(121,100,243)
```
#745ef9
```
#745ef9 rgb(116,94,249)
```

Tone Color Variation

Below, you can see how #745ef9 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
#767190 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007aef Protanopia 1% of men
#0081d2 Deuteranopia 1% of men
#4b8790 Tritanopia 0.001% of the population

Trichromacy

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

#745ef9 hex color

#745ef9 Color Information

#745ef9 Color Conversion

Color Schemes with #745ef9

Alternatives to #745ef9

#745ef9 Preview

Shades and Tints of #745ef9

Tones of #745ef9

Color Blindness Simulator