#748eeb hex color

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

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

● #748eeb color description : Soft blue.

The hexadecimal color #748eeb has RGB values of R:116, G:142, B:235 and CMYK values of C:0.51, M:0.4, Y:0, K:0.08. Its decimal value is 7638763.

Hex triplet	748eeb	`#748eeb`
RGB Decimal	116, 142, 235	`rgb(116,142,235)`
RGB Percent	45.5, 55.7, 92.2	`rgb(45.5%,55.7%,92.2%)`
CMYK	51, 40, 0, 8
HSL	226.9°, 74.8, 68.8	`hsl(226.9,74.8%,68.8%)`
HSV (or HSB)	226.9°, 50.6, 92.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	60.831, 16.188, -49.88
XYZ	31.868, 29.056, 82.522
xyY	0.222, 0.203, 29.056
CIE-LCH	60.831, 52.441, 287.98
CIE-LUV	60.831, -15.52, -81.245
Hunter-Lab	53.903, 11.198, -53.036
Binary	01110100, 10001110, 11101011

#748eeb
```
#748eeb rgb(116,142,235)
```
#ebd174
```
#ebd174 rgb(235,209,116)
```

Complementary Color

#74caeb
```
#74caeb rgb(116,202,235)
```
#748eeb
```
#748eeb rgb(116,142,235)
```
#9674eb
```
#9674eb rgb(150,116,235)
```

Analogous Color

#caeb74
```
#caeb74 rgb(202,235,116)
```
#748eeb
```
#748eeb rgb(116,142,235)
```
#eb9674
```
#eb9674 rgb(235,150,116)
```

Split Complementary Color

#8eeb74
```
#8eeb74 rgb(142,235,116)
```
#748eeb
```
#748eeb rgb(116,142,235)
```
#eb748e
```
#eb748e rgb(235,116,142)
```

Triadic Color

#74ebd1
```
#74ebd1 rgb(116,235,209)
```
#748eeb
```
#748eeb rgb(116,142,235)
```
#eb748e
```
#eb748e rgb(235,116,142)
```
#ebd174
```
#ebd174 rgb(235,209,116)
```

Tetradic Color

#3158e1
```
#3158e1 rgb(49,88,225)
```
#476ae5
```
#476ae5 rgb(71,106,229)
```
#5e7ce8
```
#5e7ce8 rgb(94,124,232)
```
#748eeb
```
#748eeb rgb(116,142,235)
```
#8aa0ee
```
#8aa0ee rgb(138,160,238)
```
#a1b2f1
```
#a1b2f1 rgb(161,178,241)
```
#b7c4f5
```
#b7c4f5 rgb(183,196,245)
```

Monochromatic Color

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

#74aceb
```
#74aceb rgb(116,172,235)
```
#74a2eb
```
#74a2eb rgb(116,162,235)
```
#7498eb
```
#7498eb rgb(116,152,235)
```
#748eeb
```
#748eeb rgb(116,142,235)
```
#7484eb
```
#7484eb rgb(116,132,235)
```
#747aeb
```
#747aeb rgb(116,122,235)
```
#7874eb
```
#7874eb rgb(120,116,235)
```

Similar Colors

Text with hexadecimal color #748eeb

This text has a font color of #748eeb.

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

#748eeb background color

This paragraph has a background color of #748eeb.

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

#748eeb border color

This element has a border color of #748eeb.

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

CSS codes

.text {color:#748eeb;}

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

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

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 #fdfeff is the lightest one.

#02050f
```
#02050f rgb(2,5,15)
```
#050b20
```
#050b20 rgb(5,11,32)
```
#071032
```
#071032 rgb(7,16,50)
```
#0a1643
```
#0a1643 rgb(10,22,67)
```
#0c1c54
```
#0c1c54 rgb(12,28,84)
```
#0f2165
```
#0f2165 rgb(15,33,101)
```
#112776
```
#112776 rgb(17,39,118)
```
#132d87
```
#132d87 rgb(19,45,135)
```
#163299
```
#163299 rgb(22,50,153)
```
#1838aa
```
#1838aa rgb(24,56,170)
```
#1b3ebb
```
#1b3ebb rgb(27,62,187)
```
#1d43cc
```
#1d43cc rgb(29,67,204)
```
#2049dd
```
#2049dd rgb(32,73,221)
```

Shade Color Variation

#2f56e1
```
#2f56e1 rgb(47,86,225)
```
#4164e4
```
#4164e4 rgb(65,100,228)
```
#5272e6
```
#5272e6 rgb(82,114,230)
```
#6380e9
```
#6380e9 rgb(99,128,233)
```
#748eeb
```
#748eeb rgb(116,142,235)
```
#859ced
```
#859ced rgb(133,156,237)
```
#96aaf0
```
#96aaf0 rgb(150,170,240)
```
#a7b8f2
```
#a7b8f2 rgb(167,184,242)
```
#b9c6f5
```
#b9c6f5 rgb(185,198,245)
```
#cad4f7
```
#cad4f7 rgb(202,212,247)
```
#dbe2fa
```
#dbe2fa rgb(219,226,250)
```
#ecf0fc
```
#ecf0fc rgb(236,240,252)
```
#fdfeff
```
#fdfeff rgb(253,254,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 #6284fd is the most saturated one.

#abadb4
```
#abadb4 rgb(171,173,180)
```
#a5aaba
```
#a5aaba rgb(165,170,186)
```
#9fa6c0
```
#9fa6c0 rgb(159,166,192)
```
#99a3c6
```
#99a3c6 rgb(153,163,198)
```
#939fcc
```
#939fcc rgb(147,159,204)
```
#8c9cd3
```
#8c9cd3 rgb(140,156,211)
```
#8698d9
```
#8698d9 rgb(134,152,217)
```
#8095df
```
#8095df rgb(128,149,223)
```
#7a91e5
```
#7a91e5 rgb(122,145,229)
```
#748eeb
```
#748eeb rgb(116,142,235)
```
#6e8bf1
```
#6e8bf1 rgb(110,139,241)
```
#6887f7
```
#6887f7 rgb(104,135,247)
```
#6284fd
```
#6284fd rgb(98,132,253)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#8b90a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7295ed Protanopia 1% of men
#6498ea Deuteranopia 1% of men
#61a2ad Tritanopia 0.001% of the population

Trichromacy

#7392ec Protanomaly 1% of men, 0.01% of women
#6994ea Deuteranomaly 6% of men, 0.4% of women
#689ac4 Tritanomaly 0.01% of the population

#748eeb hex color

#748eeb Color Information

#748eeb Color Conversion

Color Schemes with #748eeb

Alternatives to #748eeb

#748eeb Preview

Shades and Tints of #748eeb

Tones of #748eeb

Color Blindness Simulator