#748dfe hex color

In a RGB color space, hex #748dfe is composed of 45.5% red, 55.3% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 54.3% cyan, 44.5% magenta, 0% yellow and 0.4% black. It has a hue angle of 229.1 degrees, a saturation of 98.6% and a lightness of 72.5%. #748dfe color hex could be obtained by blending #e8ffff with #001bfd. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 45
- G 55
- B 100
RGB color chart
- C 54
- M 44
- Y 0
- K 0
CMYK color chart

● #748dfe color description : Soft blue.

The hexadecimal color #748dfe has RGB values of R:116, G:141, B:254 and CMYK values of C:0.54, M:0.44, Y:0, K:0. Its decimal value is 7638526.

Hex triplet	748dfe	`#748dfe`
RGB Decimal	116, 141, 254	`rgb(116,141,254)`
RGB Percent	45.5, 55.3, 99.6	`rgb(45.5%,55.3%,99.6%)`
CMYK	54, 44, 0, 0
HSL	229.1°, 98.6, 72.5	`hsl(229.1,98.6%,72.5%)`
HSV (or HSB)	229.1°, 54.3, 99.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	61.582, 22.649, -59.149
XYZ	34.613, 29.917, 97.711
xyY	0.213, 0.184, 29.917
CIE-LCH	61.582, 63.337, 290.953
CIE-LUV	61.582, -15.641, -97.338
Hunter-Lab	54.696, 17.24, -67.63
Binary	01110100, 10001101, 11111110

#748dfe
```
#748dfe rgb(116,141,254)
```
#fee574
```
#fee574 rgb(254,229,116)
```

Complementary Color

#74d2fe
```
#74d2fe rgb(116,210,254)
```
#748dfe
```
#748dfe rgb(116,141,254)
```
#a074fe
```
#a074fe rgb(160,116,254)
```

Analogous Color

#d2fe74
```
#d2fe74 rgb(210,254,116)
```
#748dfe
```
#748dfe rgb(116,141,254)
```
#fea074
```
#fea074 rgb(254,160,116)
```

Split Complementary Color

#8dfe74
```
#8dfe74 rgb(141,254,116)
```
#748dfe
```
#748dfe rgb(116,141,254)
```
#fe748d
```
#fe748d rgb(254,116,141)
```

Triadic Color

#74fee5
```
#74fee5 rgb(116,254,229)
```
#748dfe
```
#748dfe rgb(116,141,254)
```
#fe748d
```
#fe748d rgb(254,116,141)
```
#fee574
```
#fee574 rgb(254,229,116)
```

Tetradic Color

#284ffd
```
#284ffd rgb(40,79,253)
```
#4163fe
```
#4163fe rgb(65,99,254)
```
#5b78fe
```
#5b78fe rgb(91,120,254)
```
#748dfe
```
#748dfe rgb(116,141,254)
```
#8da2fe
```
#8da2fe rgb(141,162,254)
```
#a7b7fe
```
#a7b7fe rgb(167,183,254)
```
#c0cbff
```
#c0cbff rgb(192,203,255)
```

Monochromatic Color

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

#74b0fe
```
#74b0fe rgb(116,176,254)
```
#74a4fe
```
#74a4fe rgb(116,164,254)
```
#7499fe
```
#7499fe rgb(116,153,254)
```
#748dfe
```
#748dfe rgb(116,141,254)
```
#7482fe
```
#7482fe rgb(116,130,254)
```
#7476fe
```
#7476fe rgb(116,118,254)
```
#7e74fe
```
#7e74fe rgb(126,116,254)
```

Similar Colors

Text with hexadecimal color #748dfe

This text has a font color of #748dfe.

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

#748dfe background color

This paragraph has a background color of #748dfe.

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

#748dfe border color

This element has a border color of #748dfe.

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

CSS codes

.text {color:#748dfe;}

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

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

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

#000311
```
#000311 rgb(0,3,17)
```
#000724
```
#000724 rgb(0,7,36)
```
#000a38
```
#000a38 rgb(0,10,56)
```
#010e4b
```
#010e4b rgb(1,14,75)
```
#01125f
```
#01125f rgb(1,18,95)
```
#011572
```
#011572 rgb(1,21,114)
```
#011986
```
#011986 rgb(1,25,134)
```
#011d99
```
#011d99 rgb(1,29,153)
```
#0120ad
```
#0120ad rgb(1,32,173)
```
#0124c0
```
#0124c0 rgb(1,36,192)
```
#0228d4
```
#0228d4 rgb(2,40,212)
```
#022be7
```
#022be7 rgb(2,43,231)
```
#022ffb
```
#022ffb rgb(2,47,251)
```

Shade Color Variation

#133dfd
```
#133dfd rgb(19,61,253)
```
#264dfd
```
#264dfd rgb(38,77,253)
```
#3a5dfe
```
#3a5dfe rgb(58,93,254)
```
#4d6dfe
```
#4d6dfe rgb(77,109,254)
```
#617dfe
```
#617dfe rgb(97,125,254)
```
#748dfe
```
#748dfe rgb(116,141,254)
```
#879dfe
```
#879dfe rgb(135,157,254)
```
#9badfe
```
#9badfe rgb(155,173,254)
```
#aebdfe
```
#aebdfe rgb(174,189,254)
```
#c2cdff
```
#c2cdff rgb(194,205,255)
```
#d5ddff
```
#d5ddff rgb(213,221,255)
```
#e9edff
```
#e9edff rgb(233,237,255)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#b5b6bd
```
#b5b6bd rgb(181,182,189)
```
#afb3c3
```
#afb3c3 rgb(175,179,195)
```
#aaafc8
```
#aaafc8 rgb(170,175,200)
```
#a4acce
```
#a4acce rgb(164,172,206)
```
#9fa8d3
```
#9fa8d3 rgb(159,168,211)
```
#9aa5d8
```
#9aa5d8 rgb(154,165,216)
```
#94a2de
```
#94a2de rgb(148,162,222)
```
#8f9ee3
```
#8f9ee3 rgb(143,158,227)
```
#8a9be8
```
#8a9be8 rgb(138,155,232)
```
#8497ee
```
#8497ee rgb(132,151,238)
```
#7f94f3
```
#7f94f3 rgb(127,148,243)
```
#7990f9
```
#7990f9 rgb(121,144,249)
```
#748dfe
```
#748dfe rgb(116,141,254)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#8c91a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6696ff Protanopia 1% of men
#4a9bfa Deuteranopia 1% of men
#56a5b1 Tritanopia 0.001% of the population

Trichromacy

#6b93fe Protanomaly 1% of men, 0.01% of women
#5996fb Deuteranomaly 6% of men, 0.4% of women
#619ccd Tritanomaly 0.01% of the population

#748dfe hex color

#748dfe Color Information

#748dfe Color Conversion

Color Schemes with #748dfe

Alternatives to #748dfe

#748dfe Preview

Shades and Tints of #748dfe

Tones of #748dfe

Color Blindness Simulator