#745ff9 hex color

In a RGB color space, hex #745ff9 is composed of 45.5% red, 37.3% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 53.4% cyan, 61.8% magenta, 0% yellow and 2.4% black. It has a hue angle of 248.2 degrees, a saturation of 92.8% and a lightness of 67.5%. #745ff9 color hex could be obtained by blending #e8beff 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

● #745ff9 color description : Soft blue.

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

Hex triplet	745ff9	`#745ff9`
RGB Decimal	116, 95, 249	`rgb(116,95,249)`
RGB Percent	45.5, 37.3, 97.6	`rgb(45.5%,37.3%,97.6%)`
CMYK	53, 62, 0, 2
HSL	248.2°, 92.8, 67.5	`hsl(248.2,92.8%,67.5%)`
HSV (or HSB)	248.2°, 61.8, 97.6
Web Safe	6666ff	`#6666ff`

CIE-LAB	50.377, 48.124, -74.454
XYZ	28.39, 18.736, 91.738
xyY	0.204, 0.135, 18.736
CIE-LCH	50.377, 88.653, 302.877
CIE-LUV	50.377, -2.358, -117.826
Hunter-Lab	43.285, 41.327, -95.358
Binary	01110100, 01011111, 11111001

#745ff9
```
#745ff9 rgb(116,95,249)
```
#e4f95f
```
#e4f95f rgb(228,249,95)
```

Complementary Color

#5f97f9
```
#5f97f9 rgb(95,151,249)
```
#745ff9
```
#745ff9 rgb(116,95,249)
```
#c15ff9
```
#c15ff9 rgb(193,95,249)
```

Analogous Color

#97f95f
```
#97f95f rgb(151,249,95)
```
#745ff9
```
#745ff9 rgb(116,95,249)
```
#f9c15f
```
#f9c15f rgb(249,193,95)
```

Split Complementary Color

#5ff974
```
#5ff974 rgb(95,249,116)
```
#745ff9
```
#745ff9 rgb(116,95,249)
```
#f9745f
```
#f9745f rgb(249,116,95)
```

Triadic Color

#5fe4f9
```
#5fe4f9 rgb(95,228,249)
```
#745ff9
```
#745ff9 rgb(116,95,249)
```
#f9745f
```
#f9745f rgb(249,116,95)
```
#e4f95f
```
#e4f95f rgb(228,249,95)
```

Tetradic Color

#3415f6
```
#3415f6 rgb(52,21,246)
```
#492ef7
```
#492ef7 rgb(73,46,247)
```
#5f46f8
```
#5f46f8 rgb(95,70,248)
```
#745ff9
```
#745ff9 rgb(116,95,249)
```
#8978fa
```
#8978fa rgb(137,120,250)
```
#9f90fb
```
#9f90fb rgb(159,144,251)
```
#b4a9fc
```
#b4a9fc rgb(180,169,252)
```

Monochromatic Color

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

#5f71f9
```
#5f71f9 rgb(95,113,249)
```
#5f64f9
```
#5f64f9 rgb(95,100,249)
```
#675ff9
```
#675ff9 rgb(103,95,249)
```
#745ff9
```
#745ff9 rgb(116,95,249)
```
#815ff9
```
#815ff9 rgb(129,95,249)
```
#8e5ff9
```
#8e5ff9 rgb(142,95,249)
```
#9b5ff9
```
#9b5ff9 rgb(155,95,249)
```

Similar Colors

Text with hexadecimal color #745ff9

This text has a font color of #745ff9.

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

#745ff9 background color

This paragraph has a background color of #745ff9.

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

#745ff9 border color

This element has a border color of #745ff9.

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

CSS codes

.text {color:#745ff9;}

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

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

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, #02000a is the darkest color, while #f7f6ff is the lightest one.

#02000a
```
#02000a rgb(2,0,10)
```
#05011d
```
#05011d rgb(5,1,29)
```
#080230
```
#080230 rgb(8,2,48)
```
#0b0343
```
#0b0343 rgb(11,3,67)
```
#0e0356
```
#0e0356 rgb(14,3,86)
```
#120469
```
#120469 rgb(18,4,105)
```
#15057c
```
#15057c rgb(21,5,124)
```
#18058f
```
#18058f rgb(24,5,143)
```
#1b06a1
```
#1b06a1 rgb(27,6,161)
```
#1e07b4
```
#1e07b4 rgb(30,7,180)
```
#2207c7
```
#2207c7 rgb(34,7,199)
```
#2508da
```
#2508da rgb(37,8,218)
```
#2809ed
```
#2809ed rgb(40,9,237)
```

Shade Color Variation

#3213f6
```
#3213f6 rgb(50,19,246)
```
#4326f7
```
#4326f7 rgb(67,38,247)
```
#5339f8
```
#5339f8 rgb(83,57,248)
```
#644cf8
```
#644cf8 rgb(100,76,248)
```
#745ff9
```
#745ff9 rgb(116,95,249)
```
#8472fa
```
#8472fa rgb(132,114,250)
```
#9585fa
```
#9585fa rgb(149,133,250)
```
#a598fb
```
#a598fb rgb(165,152,251)
```
#b6abfc
```
#b6abfc rgb(182,171,252)
```
#c6befd
```
#c6befd rgb(198,190,253)
```
#d7d0fd
```
#d7d0fd rgb(215,208,253)
```
#e7e3fe
```
#e7e3fe rgb(231,227,254)
```
#f7f6ff
```
#f7f6ff rgb(247,246,255)
```

Tint Color Variation

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

#acacac
```
#acacac rgb(172,172,172)
```
#a7a5b3
```
#a7a5b3 rgb(167,165,179)
```
#a29fb9
```
#a29fb9 rgb(162,159,185)
```
#9e98c0
```
#9e98c0 rgb(158,152,192)
```
#9992c6
```
#9992c6 rgb(153,146,198)
```
#958ccc
```
#958ccc rgb(149,140,204)
```
#9085d3
```
#9085d3 rgb(144,133,211)
```
#8b7fd9
```
#8b7fd9 rgb(139,127,217)
```
#8779df
```
#8779df rgb(135,121,223)
```
#8272e6
```
#8272e6 rgb(130,114,230)
```
#7d6cec
```
#7d6cec rgb(125,108,236)
```
#7965f3
```
#7965f3 rgb(121,101,243)
```
#745ff9
```
#745ff9 rgb(116,95,249)
```

Tone Color Variation

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

#007bf0 Protanopia 1% of men
#0081d3 Deuteranopia 1% of men
#4b8791 Tritanopia 0.001% of the population

Trichromacy

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

#745ff9 hex color

#745ff9 Color Information

#745ff9 Color Conversion

Color Schemes with #745ff9

Alternatives to #745ff9

#745ff9 Preview

Shades and Tints of #745ff9

Tones of #745ff9

Color Blindness Simulator