#748eec hex color

In a RGB color space, hex #748eec is composed of 45.5% red, 55.7% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 50.8% cyan, 39.8% magenta, 0% yellow and 7.5% black. It has a hue angle of 227 degrees, a saturation of 75.9% and a lightness of 69%. #748eec color hex could be obtained by blending #e8ffff with #001dd9. Closest websafe color is: #6699ff.

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

● #748eec color description : Soft blue.

The hexadecimal color #748eec has RGB values of R:116, G:142, B:236 and CMYK values of C:0.51, M:0.4, Y:0, K:0.07. Its decimal value is 7638764.

Hex triplet	748eec	`#748eec`
RGB Decimal	116, 142, 236	`rgb(116,142,236)`
RGB Percent	45.5, 55.7, 92.5	`rgb(45.5%,55.7%,92.5%)`
CMYK	51, 40, 0, 7
HSL	227°, 75.9, 69	`hsl(227,75.9%,69%)`
HSV (or HSB)	227°, 50.8, 92.5
Web Safe	6699ff	`#6699ff`

CIE-LAB	60.882, 16.494, -50.353
XYZ	32.013, 29.114, 83.285
xyY	0.222, 0.202, 29.114
CIE-LCH	60.882, 52.985, 288.137
CIE-LUV	60.882, -15.544, -82.069
Hunter-Lab	53.957, 11.478, -53.746
Binary	01110100, 10001110, 11101100

#748eec
```
#748eec rgb(116,142,236)
```
#ecd274
```
#ecd274 rgb(236,210,116)
```

Complementary Color

#74caec
```
#74caec rgb(116,202,236)
```
#748eec
```
#748eec rgb(116,142,236)
```
#9674ec
```
#9674ec rgb(150,116,236)
```

Analogous Color

#caec74
```
#caec74 rgb(202,236,116)
```
#748eec
```
#748eec rgb(116,142,236)
```
#ec9674
```
#ec9674 rgb(236,150,116)
```

Split Complementary Color

#8eec74
```
#8eec74 rgb(142,236,116)
```
#748eec
```
#748eec rgb(116,142,236)
```
#ec748e
```
#ec748e rgb(236,116,142)
```

Triadic Color

#74ecd2
```
#74ecd2 rgb(116,236,210)
```
#748eec
```
#748eec rgb(116,142,236)
```
#ec748e
```
#ec748e rgb(236,116,142)
```
#ecd274
```
#ecd274 rgb(236,210,116)
```

Tetradic Color

#3157e3
```
#3157e3 rgb(49,87,227)
```
#476ae6
```
#476ae6 rgb(71,106,230)
```
#5e7ce9
```
#5e7ce9 rgb(94,124,233)
```
#748eec
```
#748eec rgb(116,142,236)
```
#8aa0ef
```
#8aa0ef rgb(138,160,239)
```
#a1b2f2
```
#a1b2f2 rgb(161,178,242)
```
#b7c5f5
```
#b7c5f5 rgb(183,197,245)
```

Monochromatic Color

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

#74acec
```
#74acec rgb(116,172,236)
```
#74a2ec
```
#74a2ec rgb(116,162,236)
```
#7498ec
```
#7498ec rgb(116,152,236)
```
#748eec
```
#748eec rgb(116,142,236)
```
#7484ec
```
#7484ec rgb(116,132,236)
```
#747aec
```
#747aec rgb(116,122,236)
```
#7874ec
```
#7874ec rgb(120,116,236)
```

Similar Colors

Text with hexadecimal color #748eec

This text has a font color of #748eec.

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

#748eec background color

This paragraph has a background color of #748eec.

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

#748eec border color

This element has a border color of #748eec.

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

CSS codes

.text {color:#748eec;}

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

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

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

#020510
```
#020510 rgb(2,5,16)
```
#050b22
```
#050b22 rgb(5,11,34)
```
#071033
```
#071033 rgb(7,16,51)
```
#091644
```
#091644 rgb(9,22,68)
```
#0c1c55
```
#0c1c55 rgb(12,28,85)
```
#0e2167
```
#0e2167 rgb(14,33,103)
```
#102778
```
#102778 rgb(16,39,120)
```
#132c89
```
#132c89 rgb(19,44,137)
```
#15329a
```
#15329a rgb(21,50,154)
```
#1738ac
```
#1738ac rgb(23,56,172)
```
#1a3dbd
```
#1a3dbd rgb(26,61,189)
```
#1c43ce
```
#1c43ce rgb(28,67,206)
```
#1f48df
```
#1f48df rgb(31,72,223)
```

Shade Color Variation

#2f56e3
```
#2f56e3 rgb(47,86,227)
```
#4064e5
```
#4064e5 rgb(64,100,229)
```
#5172e7
```
#5172e7 rgb(81,114,231)
```
#6380ea
```
#6380ea rgb(99,128,234)
```
#748eec
```
#748eec rgb(116,142,236)
```
#859cee
```
#859cee rgb(133,156,238)
```
#97aaf1
```
#97aaf1 rgb(151,170,241)
```
#a8b8f3
```
#a8b8f3 rgb(168,184,243)
```
#b9c6f5
```
#b9c6f5 rgb(185,198,245)
```
#cad4f8
```
#cad4f8 rgb(202,212,248)
```
#dce2fa
```
#dce2fa rgb(220,226,250)
```
#edf0fd
```
#edf0fd rgb(237,240,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#abadb5
```
#abadb5 rgb(171,173,181)
```
#a5aabb
```
#a5aabb rgb(165,170,187)
```
#9fa6c1
```
#9fa6c1 rgb(159,166,193)
```
#98a3c8
```
#98a3c8 rgb(152,163,200)
```
#929fce
```
#929fce rgb(146,159,206)
```
#8c9cd4
```
#8c9cd4 rgb(140,156,212)
```
#8698da
```
#8698da rgb(134,152,218)
```
#8095e0
```
#8095e0 rgb(128,149,224)
```
#7a91e6
```
#7a91e6 rgb(122,145,230)
```
#748eec
```
#748eec rgb(116,142,236)
```
#6e8bf2
```
#6e8bf2 rgb(110,139,242)
```
#6887f8
```
#6887f8 rgb(104,135,248)
```
#6284fe
```
#6284fe rgb(98,132,254)
```

Tone Color Variation

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

#7195ee Protanopia 1% of men
#6398ea Deuteranopia 1% of men
#60a2ae Tritanopia 0.001% of the population

Trichromacy

#7292ed Protanomaly 1% of men, 0.01% of women
#6994eb Deuteranomaly 6% of men, 0.4% of women
#679ac4 Tritanomaly 0.01% of the population

#748eec hex color

#748eec Color Information

#748eec Color Conversion

Color Schemes with #748eec

Alternatives to #748eec

#748eec Preview

Shades and Tints of #748eec

Tones of #748eec

Color Blindness Simulator