#748edb hex color

In a RGB color space, hex #748edb is composed of 45.5% red, 55.7% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 47% cyan, 35.2% magenta, 0% yellow and 14.1% black. It has a hue angle of 224.9 degrees, a saturation of 58.9% and a lightness of 65.7%. #748edb color hex could be obtained by blending #e8ffff with #001db7. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 45
- G 56
- B 86
RGB color chart
- C 47
- M 35
- Y 0
- K 14
CMYK color chart

● #748edb color description : Soft blue.

The hexadecimal color #748edb has RGB values of R:116, G:142, B:219 and CMYK values of C:0.47, M:0.35, Y:0, K:0.14. Its decimal value is 7638747.

Hex triplet	748edb	`#748edb`
RGB Decimal	116, 142, 219	`rgb(116,142,219)`
RGB Percent	45.5, 55.7, 85.9	`rgb(45.5%,55.7%,85.9%)`
CMYK	47, 35, 0, 14
HSL	224.9°, 58.9, 65.7	`hsl(224.9,58.9%,65.7%)`
HSV (or HSB)	224.9°, 47, 85.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	60.044, 11.361, -42.231
XYZ	29.659, 28.172, 70.889
xyY	0.23, 0.219, 28.172
CIE-LCH	60.044, 43.733, 285.058
CIE-LUV	60.044, -15.156, -67.914
Hunter-Lab	53.078, 6.857, -42.032
Binary	01110100, 10001110, 11011011

#748edb
```
#748edb rgb(116,142,219)
```
#dbc174
```
#dbc174 rgb(219,193,116)
```

Complementary Color

#74c2db
```
#74c2db rgb(116,194,219)
```
#748edb
```
#748edb rgb(116,142,219)
```
#8e74db
```
#8e74db rgb(142,116,219)
```

Analogous Color

#c2db74
```
#c2db74 rgb(194,219,116)
```
#748edb
```
#748edb rgb(116,142,219)
```
#db8e74
```
#db8e74 rgb(219,142,116)
```

Split Complementary Color

#8edb74
```
#8edb74 rgb(142,219,116)
```
#748edb
```
#748edb rgb(116,142,219)
```
#db748e
```
#db748e rgb(219,116,142)
```

Triadic Color

#74dbc1
```
#74dbc1 rgb(116,219,193)
```
#748edb
```
#748edb rgb(116,142,219)
```
#db748e
```
#db748e rgb(219,116,142)
```
#dbc174
```
#dbc174 rgb(219,193,116)
```

Tetradic Color

#375dcb
```
#375dcb rgb(55,93,203)
```
#4b6dd1
```
#4b6dd1 rgb(75,109,209)
```
#607ed6
```
#607ed6 rgb(96,126,214)
```
#748edb
```
#748edb rgb(116,142,219)
```
#889ee0
```
#889ee0 rgb(136,158,224)
```
#9dafe5
```
#9dafe5 rgb(157,175,229)
```
#b1bfeb
```
#b1bfeb rgb(177,191,235)
```

Monochromatic Color

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

#74a8db
```
#74a8db rgb(116,168,219)
```
#749fdb
```
#749fdb rgb(116,159,219)
```
#7497db
```
#7497db rgb(116,151,219)
```
#748edb
```
#748edb rgb(116,142,219)
```
#7485db
```
#7485db rgb(116,133,219)
```
#747ddb
```
#747ddb rgb(116,125,219)
```
#7474db
```
#7474db rgb(116,116,219)
```

Similar Colors

Text with hexadecimal color #748edb

This text has a font color of #748edb.

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

#748edb background color

This paragraph has a background color of #748edb.

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

#748edb border color

This element has a border color of #748edb.

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

CSS codes

.text {color:#748edb;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#040711
```
#040711 rgb(4,7,17)
```
#080e20
```
#080e20 rgb(8,14,32)
```
#0c1530
```
#0c1530 rgb(12,21,48)
```
#101c40
```
#101c40 rgb(16,28,64)
```
#14234f
```
#14234f rgb(20,35,79)
```
#192a5f
```
#192a5f rgb(25,42,95)
```
#1d316e
```
#1d316e rgb(29,49,110)
```
#21387e
```
#21387e rgb(33,56,126)
```
#253f8d
```
#253f8d rgb(37,63,141)
```
#29469d
```
#29469d rgb(41,70,157)
```
#2d4dad
```
#2d4dad rgb(45,77,173)
```
#3154bc
```
#3154bc rgb(49,84,188)
```

Shade Color Variation

#365bcb
```
#365bcb rgb(54,91,203)
```
#4568cf
```
#4568cf rgb(69,104,207)
```
#5575d3
```
#5575d3 rgb(85,117,211)
```
#6481d7
```
#6481d7 rgb(100,129,215)
```
#748edb
```
#748edb rgb(116,142,219)
```
#849bdf
```
#849bdf rgb(132,155,223)
```
#93a7e3
```
#93a7e3 rgb(147,167,227)
```
#a3b4e7
```
#a3b4e7 rgb(163,180,231)
```
#b2c1eb
```
#b2c1eb rgb(178,193,235)
```
#c2cdef
```
#c2cdef rgb(194,205,239)
```
#d1daf3
```
#d1daf3 rgb(209,218,243)
```
#e1e7f7
```
#e1e7f7 rgb(225,231,247)
```
#f1f3fb
```
#f1f3fb rgb(241,243,251)
```

Tint Color Variation

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

#a3a5ac
```
#a3a5ac rgb(163,165,172)
```
#9ca2b3
```
#9ca2b3 rgb(156,162,179)
```
#969fb9
```
#969fb9 rgb(150,159,185)
```
#8f9bc0
```
#8f9bc0 rgb(143,155,192)
```
#8898c7
```
#8898c7 rgb(136,152,199)
```
#8195ce
```
#8195ce rgb(129,149,206)
```
#7b91d4
```
#7b91d4 rgb(123,145,212)
```
#748edb
```
#748edb rgb(116,142,219)
```
#6d8be2
```
#6d8be2 rgb(109,139,226)
```
#6787e8
```
#6787e8 rgb(103,135,232)
```
#6084ef
```
#6084ef rgb(96,132,239)
```
#5981f6
```
#5981f6 rgb(89,129,246)
```
#527dfd
```
#527dfd rgb(82,125,253)
```

Tone Color Variation

Below, you can see how #748edb 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
#8a8f9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a94dc Protanopia 1% of men
#7196dc Deuteranopia 1% of men
#689eaa Tritanopia 0.001% of the population

Trichromacy

#7891dc Protanomaly 1% of men, 0.01% of women
#7293db Deuteranomaly 6% of men, 0.4% of women
#6c98bc Tritanomaly 0.01% of the population

#748edb hex color

#748edb Color Information

#748edb Color Conversion

Color Schemes with #748edb

Alternatives to #748edb

#748edb Preview

Shades and Tints of #748edb

Tones of #748edb

Color Blindness Simulator