#748aef hex color

In a RGB color space, hex #748aef is composed of 45.5% red, 54.1% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 51.5% cyan, 42.3% magenta, 0% yellow and 6.3% black. It has a hue angle of 229.3 degrees, a saturation of 79.4% and a lightness of 69.6%. #748aef color hex could be obtained by blending #e8ffff with #0015df. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 45
- G 54
- B 94
RGB color chart
- C 51
- M 42
- Y 0
- K 6
CMYK color chart

● #748aef color description : Soft blue.

The hexadecimal color #748aef has RGB values of R:116, G:138, B:239 and CMYK values of C:0.51, M:0.42, Y:0, K:0.06. Its decimal value is 7637743.

Hex triplet	748aef	`#748aef`
RGB Decimal	116, 138, 239	`rgb(116,138,239)`
RGB Percent	45.5, 54.1, 93.7	`rgb(45.5%,54.1%,93.7%)`
CMYK	51, 42, 0, 6
HSL	229.3°, 79.4, 69.6	`hsl(229.3,79.4%,69.6%)`
HSV (or HSB)	229.3°, 51.5, 93.7
Web Safe	6699ff	`#6699ff`

CIE-LAB	59.998, 19.78, -53.417
XYZ	31.868, 28.121, 85.405
xyY	0.219, 0.193, 28.121
CIE-LCH	59.998, 56.961, 290.319
CIE-LUV	59.998, -14.255, -87.219
Hunter-Lab	53.029, 14.469, -58.369
Binary	01110100, 10001010, 11101111

#748aef
```
#748aef rgb(116,138,239)
```
#efd974
```
#efd974 rgb(239,217,116)
```

Complementary Color

#74c8ef
```
#74c8ef rgb(116,200,239)
```
#748aef
```
#748aef rgb(116,138,239)
```
#9c74ef
```
#9c74ef rgb(156,116,239)
```

Analogous Color

#c8ef74
```
#c8ef74 rgb(200,239,116)
```
#748aef
```
#748aef rgb(116,138,239)
```
#ef9c74
```
#ef9c74 rgb(239,156,116)
```

Split Complementary Color

#8aef74
```
#8aef74 rgb(138,239,116)
```
#748aef
```
#748aef rgb(116,138,239)
```
#ef748a
```
#ef748a rgb(239,116,138)
```

Triadic Color

#74efd9
```
#74efd9 rgb(116,239,217)
```
#748aef
```
#748aef rgb(116,138,239)
```
#ef748a
```
#ef748a rgb(239,116,138)
```
#efd974
```
#efd974 rgb(239,217,116)
```

Tetradic Color

#2f50e7
```
#2f50e7 rgb(47,80,231)
```
#4664ea
```
#4664ea rgb(70,100,234)
```
#5d77ec
```
#5d77ec rgb(93,119,236)
```
#748aef
```
#748aef rgb(116,138,239)
```
#8b9df2
```
#8b9df2 rgb(139,157,242)
```
#a2b0f4
```
#a2b0f4 rgb(162,176,244)
```
#b9c4f7
```
#b9c4f7 rgb(185,196,247)
```

Monochromatic Color

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

#74a9ef
```
#74a9ef rgb(116,169,239)
```
#749fef
```
#749fef rgb(116,159,239)
```
#7494ef
```
#7494ef rgb(116,148,239)
```
#748aef
```
#748aef rgb(116,138,239)
```
#7480ef
```
#7480ef rgb(116,128,239)
```
#7476ef
```
#7476ef rgb(116,118,239)
```
#7d74ef
```
#7d74ef rgb(125,116,239)
```

Similar Colors

Text with hexadecimal color #748aef

This text has a font color of #748aef.

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

#748aef background color

This paragraph has a background color of #748aef.

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

#748aef border color

This element has a border color of #748aef.

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

CSS codes

.text {color:#748aef;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#020513
```
#020513 rgb(2,5,19)
```
#040a25
```
#040a25 rgb(4,10,37)
```
#060f36
```
#060f36 rgb(6,15,54)
```
#081448
```
#081448 rgb(8,20,72)
```
#0a195a
```
#0a195a rgb(10,25,90)
```
#0c1d6b
```
#0c1d6b rgb(12,29,107)
```
#0e227d
```
#0e227d rgb(14,34,125)
```
#10278e
```
#10278e rgb(16,39,142)
```
#122ca0
```
#122ca0 rgb(18,44,160)
```
#1431b2
```
#1431b2 rgb(20,49,178)
```
#1635c3
```
#1635c3 rgb(22,53,195)
```
#183ad5
```
#183ad5 rgb(24,58,213)
```

Shade Color Variation

#1c40e5
```
#1c40e5 rgb(28,64,229)
```
#2e4fe7
```
#2e4fe7 rgb(46,79,231)
```
#3f5ee9
```
#3f5ee9 rgb(63,94,233)
```
#516ceb
```
#516ceb rgb(81,108,235)
```
#627bed
```
#627bed rgb(98,123,237)
```
#748aef
```
#748aef rgb(116,138,239)
```
#8699f1
```
#8699f1 rgb(134,153,241)
```
#97a8f3
```
#97a8f3 rgb(151,168,243)
```
#a9b6f5
```
#a9b6f5 rgb(169,182,245)
```
#bac5f7
```
#bac5f7 rgb(186,197,247)
```
#ccd4f9
```
#ccd4f9 rgb(204,212,249)
```
#dee3fb
```
#dee3fb rgb(222,227,251)
```
#eff2fd
```
#eff2fd rgb(239,242,253)
```

Tint Color Variation

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

#b0b0b3
```
#b0b0b3 rgb(176,176,179)
```
#aaacb9
```
#aaacb9 rgb(170,172,185)
```
#a4a9bf
```
#a4a9bf rgb(164,169,191)
```
#9ea5c5
```
#9ea5c5 rgb(158,165,197)
```
#98a1cb
```
#98a1cb rgb(152,161,203)
```
#929dd1
```
#929dd1 rgb(146,157,209)
```
#8c99d7
```
#8c99d7 rgb(140,153,215)
```
#8695dd
```
#8695dd rgb(134,149,221)
```
#8092e3
```
#8092e3 rgb(128,146,227)
```
#7a8ee9
```
#7a8ee9 rgb(122,142,233)
```
#748aef
```
#748aef rgb(116,138,239)
```
#6e86f5
```
#6e86f5 rgb(110,134,245)
```
#6882fb
```
#6882fb rgb(104,130,251)
```

Tone Color Variation

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

#6a93f2 Protanopia 1% of men
#5897ec Deuteranopia 1% of men
#5da0ab Tritanopia 0.001% of the population

Trichromacy

#6d8ff1 Protanomaly 1% of men, 0.01% of women
#6292ed Deuteranomaly 6% of men, 0.4% of women
#6598c4 Tritanomaly 0.01% of the population

#748aef hex color

#748aef Color Information

#748aef Color Conversion

Color Schemes with #748aef

Alternatives to #748aef

#748aef Preview

Shades and Tints of #748aef

Tones of #748aef

Color Blindness Simulator