#748bec hex color

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

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

● #748bec color description : Soft blue.

The hexadecimal color #748bec has RGB values of R:116, G:139, B:236 and CMYK values of C:0.51, M:0.41, Y:0, K:0.07. Its decimal value is 7637996.

Hex triplet	748bec	`#748bec`
RGB Decimal	116, 139, 236	`rgb(116,139,236)`
RGB Percent	45.5, 54.5, 92.5	`rgb(45.5%,54.5%,92.5%)`
CMYK	51, 41, 0, 7
HSL	228.5°, 75.9, 69	`hsl(228.5,75.9%,69%)`
HSV (or HSB)	228.5°, 50.8, 92.5
Web Safe	6699ff	`#6699ff`

CIE-LAB	60.099, 18.267, -51.596
XYZ	31.572, 28.233, 83.138
xyY	0.221, 0.198, 28.233
CIE-LCH	60.099, 54.734, 289.496
CIE-LUV	60.099, -14.512, -84.105
Hunter-Lab	53.135, 13.077, -55.575
Binary	01110100, 10001011, 11101100

#748bec
```
#748bec rgb(116,139,236)
```
#ecd574
```
#ecd574 rgb(236,213,116)
```

Complementary Color

#74c7ec
```
#74c7ec rgb(116,199,236)
```
#748bec
```
#748bec rgb(116,139,236)
```
#9974ec
```
#9974ec rgb(153,116,236)
```

Analogous Color

#c7ec74
```
#c7ec74 rgb(199,236,116)
```
#748bec
```
#748bec rgb(116,139,236)
```
#ec9974
```
#ec9974 rgb(236,153,116)
```

Split Complementary Color

#8bec74
```
#8bec74 rgb(139,236,116)
```
#748bec
```
#748bec rgb(116,139,236)
```
#ec748b
```
#ec748b rgb(236,116,139)
```

Triadic Color

#74ecd5
```
#74ecd5 rgb(116,236,213)
```
#748bec
```
#748bec rgb(116,139,236)
```
#ec748b
```
#ec748b rgb(236,116,139)
```
#ecd574
```
#ecd574 rgb(236,213,116)
```

Tetradic Color

#3153e3
```
#3153e3 rgb(49,83,227)
```
#4766e6
```
#4766e6 rgb(71,102,230)
```
#5e78e9
```
#5e78e9 rgb(94,120,233)
```
#748bec
```
#748bec rgb(116,139,236)
```
#8a9eef
```
#8a9eef rgb(138,158,239)
```
#a1b0f2
```
#a1b0f2 rgb(161,176,242)
```
#b7c3f5
```
#b7c3f5 rgb(183,195,245)
```

Monochromatic Color

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

#74a9ec
```
#74a9ec rgb(116,169,236)
```
#749fec
```
#749fec rgb(116,159,236)
```
#7495ec
```
#7495ec rgb(116,149,236)
```
#748bec
```
#748bec rgb(116,139,236)
```
#7481ec
```
#7481ec rgb(116,129,236)
```
#7477ec
```
#7477ec rgb(116,119,236)
```
#7b74ec
```
#7b74ec rgb(123,116,236)
```

Similar Colors

Text with hexadecimal color #748bec

This text has a font color of #748bec.

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

#748bec background color

This paragraph has a background color of #748bec.

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

#748bec border color

This element has a border color of #748bec.

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

CSS codes

.text {color:#748bec;}

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

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

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)
```
#050a22
```
#050a22 rgb(5,10,34)
```
#070f33
```
#070f33 rgb(7,15,51)
```
#091544
```
#091544 rgb(9,21,68)
```
#0c1a55
```
#0c1a55 rgb(12,26,85)
```
#0e1f67
```
#0e1f67 rgb(14,31,103)
```
#102478
```
#102478 rgb(16,36,120)
```
#132989
```
#132989 rgb(19,41,137)
```
#152f9a
```
#152f9a rgb(21,47,154)
```
#1734ac
```
#1734ac rgb(23,52,172)
```
#1a39bd
```
#1a39bd rgb(26,57,189)
```
#1c3ece
```
#1c3ece rgb(28,62,206)
```
#1f43df
```
#1f43df rgb(31,67,223)
```

Shade Color Variation

#2f51e3
```
#2f51e3 rgb(47,81,227)
```
#4060e5
```
#4060e5 rgb(64,96,229)
```
#516ee7
```
#516ee7 rgb(81,110,231)
```
#637dea
```
#637dea rgb(99,125,234)
```
#748bec
```
#748bec rgb(116,139,236)
```
#8599ee
```
#8599ee rgb(133,153,238)
```
#97a8f1
```
#97a8f1 rgb(151,168,241)
```
#a8b6f3
```
#a8b6f3 rgb(168,182,243)
```
#b9c5f5
```
#b9c5f5 rgb(185,197,245)
```
#cad3f8
```
#cad3f8 rgb(202,211,248)
```
#dce1fa
```
#dce1fa rgb(220,225,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 #6280fe is the most saturated one.

#abadb5
```
#abadb5 rgb(171,173,181)
```
#a5a9bb
```
#a5a9bb rgb(165,169,187)
```
#9fa5c1
```
#9fa5c1 rgb(159,165,193)
```
#98a1c8
```
#98a1c8 rgb(152,161,200)
```
#929ece
```
#929ece rgb(146,158,206)
```
#8c9ad4
```
#8c9ad4 rgb(140,154,212)
```
#8696da
```
#8696da rgb(134,150,218)
```
#8092e0
```
#8092e0 rgb(128,146,224)
```
#7a8fe6
```
#7a8fe6 rgb(122,143,230)
```
#748bec
```
#748bec rgb(116,139,236)
```
#6e87f2
```
#6e87f2 rgb(110,135,242)
```
#6884f8
```
#6884f8 rgb(104,132,248)
```
#6280fe
```
#6280fe rgb(98,128,254)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#8a8ea2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d93ef Protanopia 1% of men
#5d97ea Deuteranopia 1% of men
#5fa0ab Tritanopia 0.001% of the population

Trichromacy

#6f90ed Protanomaly 1% of men, 0.01% of women
#6592eb Deuteranomaly 6% of men, 0.4% of women
#6798c3 Tritanomaly 0.01% of the population

#748bec hex color

#748bec Color Information

#748bec Color Conversion

Color Schemes with #748bec

Alternatives to #748bec

#748bec Preview

Shades and Tints of #748bec

Tones of #748bec

Color Blindness Simulator