#748aeb hex color

In a RGB color space, hex #748aeb is composed of 45.5% red, 54.1% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 50.6% cyan, 41.3% magenta, 0% yellow and 7.8% black. It has a hue angle of 228.9 degrees, a saturation of 74.8% and a lightness of 68.8%. #748aeb color hex could be obtained by blending #e8ffff with #0015d7. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 45
- G 54
- B 92
RGB color chart
- C 51
- M 41
- Y 0
- K 8
CMYK color chart

● #748aeb color description : Soft blue.

The hexadecimal color #748aeb has RGB values of R:116, G:138, B:235 and CMYK values of C:0.51, M:0.41, Y:0, K:0.08. Its decimal value is 7637739.

Hex triplet	748aeb	`#748aeb`
RGB Decimal	116, 138, 235	`rgb(116,138,235)`
RGB Percent	45.5, 54.1, 92.2	`rgb(45.5%,54.1%,92.2%)`
CMYK	51, 41, 0, 8
HSL	228.9°, 74.8, 68.8	`hsl(228.9,74.8%,68.8%)`
HSV (or HSB)	228.9°, 50.6, 92.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	59.786, 18.553, -51.538
XYZ	31.283, 27.887, 82.327
xyY	0.221, 0.197, 27.887
CIE-LCH	59.786, 54.776, 289.799
CIE-LUV	59.786, -14.143, -83.959
Hunter-Lab	52.808, 13.329, -55.467
Binary	01110100, 10001010, 11101011

#748aeb
```
#748aeb rgb(116,138,235)
```
#ebd574
```
#ebd574 rgb(235,213,116)
```

Complementary Color

#74c6eb
```
#74c6eb rgb(116,198,235)
```
#748aeb
```
#748aeb rgb(116,138,235)
```
#9a74eb
```
#9a74eb rgb(154,116,235)
```

Analogous Color

#c6eb74
```
#c6eb74 rgb(198,235,116)
```
#748aeb
```
#748aeb rgb(116,138,235)
```
#eb9a74
```
#eb9a74 rgb(235,154,116)
```

Split Complementary Color

#8aeb74
```
#8aeb74 rgb(138,235,116)
```
#748aeb
```
#748aeb rgb(116,138,235)
```
#eb748a
```
#eb748a rgb(235,116,138)
```

Triadic Color

#74ebd5
```
#74ebd5 rgb(116,235,213)
```
#748aeb
```
#748aeb rgb(116,138,235)
```
#eb748a
```
#eb748a rgb(235,116,138)
```
#ebd574
```
#ebd574 rgb(235,213,116)
```

Tetradic Color

#3152e1
```
#3152e1 rgb(49,82,225)
```
#4764e5
```
#4764e5 rgb(71,100,229)
```
#5e77e8
```
#5e77e8 rgb(94,119,232)
```
#748aeb
```
#748aeb rgb(116,138,235)
```
#8a9dee
```
#8a9dee rgb(138,157,238)
```
#a1b0f1
```
#a1b0f1 rgb(161,176,241)
```
#b7c2f5
```
#b7c2f5 rgb(183,194,245)
```

Monochromatic Color

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

#74a8eb
```
#74a8eb rgb(116,168,235)
```
#749eeb
```
#749eeb rgb(116,158,235)
```
#7494eb
```
#7494eb rgb(116,148,235)
```
#748aeb
```
#748aeb rgb(116,138,235)
```
#7480eb
```
#7480eb rgb(116,128,235)
```
#7476eb
```
#7476eb rgb(116,118,235)
```
#7c74eb
```
#7c74eb rgb(124,116,235)
```

Similar Colors

Text with hexadecimal color #748aeb

This text has a font color of #748aeb.

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

#748aeb background color

This paragraph has a background color of #748aeb.

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

#748aeb border color

This element has a border color of #748aeb.

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

CSS codes

.text {color:#748aeb;}

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

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

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, #02050f is the darkest color, while #fdfdff is the lightest one.

#02050f
```
#02050f rgb(2,5,15)
```
#050a20
```
#050a20 rgb(5,10,32)
```
#070f32
```
#070f32 rgb(7,15,50)
```
#0a1443
```
#0a1443 rgb(10,20,67)
```
#0c1954
```
#0c1954 rgb(12,25,84)
```
#0f1f65
```
#0f1f65 rgb(15,31,101)
```
#112476
```
#112476 rgb(17,36,118)
```
#132987
```
#132987 rgb(19,41,135)
```
#162e99
```
#162e99 rgb(22,46,153)
```
#1833aa
```
#1833aa rgb(24,51,170)
```
#1b38bb
```
#1b38bb rgb(27,56,187)
```
#1d3ecc
```
#1d3ecc rgb(29,62,204)
```
#2043dd
```
#2043dd rgb(32,67,221)
```

Shade Color Variation

#2f50e1
```
#2f50e1 rgb(47,80,225)
```
#415fe4
```
#415fe4 rgb(65,95,228)
```
#526de6
```
#526de6 rgb(82,109,230)
```
#637ce9
```
#637ce9 rgb(99,124,233)
```
#748aeb
```
#748aeb rgb(116,138,235)
```
#8598ed
```
#8598ed rgb(133,152,237)
```
#96a7f0
```
#96a7f0 rgb(150,167,240)
```
#a7b5f2
```
#a7b5f2 rgb(167,181,242)
```
#b9c4f5
```
#b9c4f5 rgb(185,196,245)
```
#cad2f7
```
#cad2f7 rgb(202,210,247)
```
#dbe1fa
```
#dbe1fa rgb(219,225,250)
```
#eceffc
```
#eceffc rgb(236,239,252)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#abadb4
```
#abadb4 rgb(171,173,180)
```
#a5a9ba
```
#a5a9ba rgb(165,169,186)
```
#9fa5c0
```
#9fa5c0 rgb(159,165,192)
```
#99a1c6
```
#99a1c6 rgb(153,161,198)
```
#939dcc
```
#939dcc rgb(147,157,204)
```
#8c99d3
```
#8c99d3 rgb(140,153,211)
```
#8696d9
```
#8696d9 rgb(134,150,217)
```
#8092df
```
#8092df rgb(128,146,223)
```
#7a8ee5
```
#7a8ee5 rgb(122,142,229)
```
#748aeb
```
#748aeb rgb(116,138,235)
```
#6e86f1
```
#6e86f1 rgb(110,134,241)
```
#6882f7
```
#6882f7 rgb(104,130,247)
```
#627efd
```
#627efd rgb(98,126,253)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#898da1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c92ee Protanopia 1% of men
#5c96e9 Deuteranopia 1% of men
#5f9faa Tritanopia 0.001% of the population

Trichromacy

#6f8fed Protanomaly 1% of men, 0.01% of women
#6591ea Deuteranomaly 6% of men, 0.4% of women
#6797c2 Tritanomaly 0.01% of the population

#748aeb hex color

#748aeb Color Information

#748aeb Color Conversion

Color Schemes with #748aeb

Alternatives to #748aeb

#748aeb Preview

Shades and Tints of #748aeb

Tones of #748aeb

Color Blindness Simulator