#748ee5 hex color

In a RGB color space, hex #748ee5 is composed of 45.5% red, 55.7% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 49.3% cyan, 38% magenta, 0% yellow and 10.2% black. It has a hue angle of 226.2 degrees, a saturation of 68.5% and a lightness of 67.6%. #748ee5 color hex could be obtained by blending #e8ffff with #001dcb. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 45
- G 56
- B 90
RGB color chart
- C 49
- M 38
- Y 0
- K 10
CMYK color chart

● #748ee5 color description : Soft blue.

The hexadecimal color #748ee5 has RGB values of R:116, G:142, B:229 and CMYK values of C:0.49, M:0.38, Y:0, K:0.1. Its decimal value is 7638757.

Hex triplet	748ee5	`#748ee5`
RGB Decimal	116, 142, 229	`rgb(116,142,229)`
RGB Percent	45.5, 55.7, 89.8	`rgb(45.5%,55.7%,89.8%)`
CMYK	49, 38, 0, 10
HSL	226.2°, 68.5, 67.6	`hsl(226.2,68.5%,67.6%)`
HSV (or HSB)	226.2°, 49.3, 89.8
Web Safe	6699cc	`#6699cc`

CIE-LAB	60.529, 14.364, -47.032
XYZ	31.015, 28.715, 78.033
xyY	0.225, 0.208, 28.715
CIE-LCH	60.529, 49.177, 286.983
CIE-LUV	60.529, -15.383, -76.277
Hunter-Lab	53.586, 9.539, -48.828
Binary	01110100, 10001110, 11100101

#748ee5
```
#748ee5 rgb(116,142,229)
```
#e5cb74
```
#e5cb74 rgb(229,203,116)
```

Complementary Color

#74c7e5
```
#74c7e5 rgb(116,199,229)
```
#748ee5
```
#748ee5 rgb(116,142,229)
```
#9374e5
```
#9374e5 rgb(147,116,229)
```

Analogous Color

#c7e574
```
#c7e574 rgb(199,229,116)
```
#748ee5
```
#748ee5 rgb(116,142,229)
```
#e59374
```
#e59374 rgb(229,147,116)
```

Split Complementary Color

#8ee574
```
#8ee574 rgb(142,229,116)
```
#748ee5
```
#748ee5 rgb(116,142,229)
```
#e5748e
```
#e5748e rgb(229,116,142)
```

Triadic Color

#74e5cb
```
#74e5cb rgb(116,229,203)
```
#748ee5
```
#748ee5 rgb(116,142,229)
```
#e5748e
```
#e5748e rgb(229,116,142)
```
#e5cb74
```
#e5cb74 rgb(229,203,116)
```

Tetradic Color

#345ad9
```
#345ad9 rgb(52,90,217)
```
#496bdd
```
#496bdd rgb(73,107,221)
```
#5f7de1
```
#5f7de1 rgb(95,125,225)
```
#748ee5
```
#748ee5 rgb(116,142,229)
```
#899fe9
```
#899fe9 rgb(137,159,233)
```
#9fb1ed
```
#9fb1ed rgb(159,177,237)
```
#b4c2f1
```
#b4c2f1 rgb(180,194,241)
```

Monochromatic Color

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

#74aae5
```
#74aae5 rgb(116,170,229)
```
#74a1e5
```
#74a1e5 rgb(116,161,229)
```
#7497e5
```
#7497e5 rgb(116,151,229)
```
#748ee5
```
#748ee5 rgb(116,142,229)
```
#7485e5
```
#7485e5 rgb(116,133,229)
```
#747be5
```
#747be5 rgb(116,123,229)
```
#7674e5
```
#7674e5 rgb(118,116,229)
```

Similar Colors

Text with hexadecimal color #748ee5

This text has a font color of #748ee5.

<span style="color:#748ee5;">Text here</span>

#748ee5 background color

This paragraph has a background color of #748ee5.

<p style="background-color:#748ee5;">Content here</p>

#748ee5 border color

This element has a border color of #748ee5.

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

CSS codes

.text {color:#748ee5;}

.background {background-color:#748ee5;}

.border {border:1px solid #748ee5;}

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

#02040a
```
#02040a rgb(2,4,10)
```
#050a1a
```
#050a1a rgb(5,10,26)
```
#08102b
```
#08102b rgb(8,16,43)
```
#0b163b
```
#0b163b rgb(11,22,59)
```
#0e1c4c
```
#0e1c4c rgb(14,28,76)
```
#11235c
```
#11235c rgb(17,35,92)
```
#14296d
```
#14296d rgb(20,41,109)
```
#172f7d
```
#172f7d rgb(23,47,125)
```
#1b358e
```
#1b358e rgb(27,53,142)
```
#1e3b9e
```
#1e3b9e rgb(30,59,158)
```
#2141af
```
#2141af rgb(33,65,175)
```
#2448bf
```
#2448bf rgb(36,72,191)
```
#274ed0
```
#274ed0 rgb(39,78,208)
```

Shade Color Variation

#3258d9
```
#3258d9 rgb(50,88,217)
```
#4266dc
```
#4266dc rgb(66,102,220)
```
#5373df
```
#5373df rgb(83,115,223)
```
#6381e2
```
#6381e2 rgb(99,129,226)
```
#748ee5
```
#748ee5 rgb(116,142,229)
```
#859be8
```
#859be8 rgb(133,155,232)
```
#95a9eb
```
#95a9eb rgb(149,169,235)
```
#a6b6ee
```
#a6b6ee rgb(166,182,238)
```
#b6c4f1
```
#b6c4f1 rgb(182,196,241)
```
#c7d1f4
```
#c7d1f4 rgb(199,209,244)
```
#d7dff8
```
#d7dff8 rgb(215,223,248)
```
#e8ecfb
```
#e8ecfb rgb(232,236,251)
```
#f8f9fe
```
#f8f9fe rgb(248,249,254)
```

Tint Color Variation

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

#a7a9b2
```
#a7a9b2 rgb(167,169,178)
```
#a0a6b9
```
#a0a6b9 rgb(160,166,185)
```
#9aa3bf
```
#9aa3bf rgb(154,163,191)
```
#949fc5
```
#949fc5 rgb(148,159,197)
```
#8d9ccc
```
#8d9ccc rgb(141,156,204)
```
#8798d2
```
#8798d2 rgb(135,152,210)
```
#8195d8
```
#8195d8 rgb(129,149,216)
```
#7a91df
```
#7a91df rgb(122,145,223)
```
#748ee5
```
#748ee5 rgb(116,142,229)
```
#6e8beb
```
#6e8beb rgb(110,139,235)
```
#6787f2
```
#6787f2 rgb(103,135,242)
```
#6184f8
```
#6184f8 rgb(97,132,248)
```
#5b80fe
```
#5b80fe rgb(91,128,254)
```

Tone Color Variation

Below, you can see how #748ee5 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

#909090 Achromatopsia 0.005% of the population
#8a90a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7594e7 Protanopia 1% of men
#6997e4 Deuteranopia 1% of men
#63a0ac Tritanopia 0.001% of the population

Trichromacy

#7592e6 Protanomaly 1% of men, 0.01% of women
#6d94e4 Deuteranomaly 6% of men, 0.4% of women
#6999c1 Tritanomaly 0.01% of the population

#748ee5 hex color

#748ee5 Color Information

#748ee5 Color Conversion

Color Schemes with #748ee5

Alternatives to #748ee5

#748ee5 Preview

Shades and Tints of #748ee5

Tones of #748ee5

Color Blindness Simulator