#748de1 hex color

In a RGB color space, hex #748de1 is composed of 45.5% red, 55.3% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 48.4% cyan, 37.3% magenta, 0% yellow and 11.8% black. It has a hue angle of 226.2 degrees, a saturation of 64.5% and a lightness of 66.9%. #748de1 color hex could be obtained by blending #e8ffff with #001bc3. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 45
- G 55
- B 88
RGB color chart
- C 48
- M 37
- Y 0
- K 12
CMYK color chart

● #748de1 color description : Soft blue.

The hexadecimal color #748de1 has RGB values of R:116, G:141, B:225 and CMYK values of C:0.48, M:0.37, Y:0, K:0.12. Its decimal value is 7638497.

Hex triplet	748de1	`#748de1`
RGB Decimal	116, 141, 225	`rgb(116,141,225)`
RGB Percent	45.5, 55.3, 88.2	`rgb(45.5%,55.3%,88.2%)`
CMYK	48, 37, 0, 12
HSL	226.2°, 64.5, 66.9	`hsl(226.2,64.5%,66.9%)`
HSV (or HSB)	226.2°, 48.4, 88.2
Web Safe	6699cc	`#6699cc`

CIE-LAB	60.067, 13.745, -45.539
XYZ	30.315, 28.198, 75.075
xyY	0.227, 0.211, 28.198
CIE-LCH	60.067, 47.568, 286.796
CIE-LUV	60.067, -14.933, -73.644
Hunter-Lab	53.102, 8.976, -46.653
Binary	01110100, 10001101, 11100001

#748de1
```
#748de1 rgb(116,141,225)
```
#e1c874
```
#e1c874 rgb(225,200,116)
```

Complementary Color

#74c4e1
```
#74c4e1 rgb(116,196,225)
```
#748de1
```
#748de1 rgb(116,141,225)
```
#9274e1
```
#9274e1 rgb(146,116,225)
```

Analogous Color

#c4e174
```
#c4e174 rgb(196,225,116)
```
#748de1
```
#748de1 rgb(116,141,225)
```
#e19274
```
#e19274 rgb(225,146,116)
```

Split Complementary Color

#8de174
```
#8de174 rgb(141,225,116)
```
#748de1
```
#748de1 rgb(116,141,225)
```
#e1748d
```
#e1748d rgb(225,116,141)
```

Triadic Color

#74e1c8
```
#74e1c8 rgb(116,225,200)
```
#748de1
```
#748de1 rgb(116,141,225)
```
#e1748d
```
#e1748d rgb(225,116,141)
```
#e1c874
```
#e1c874 rgb(225,200,116)
```

Tetradic Color

#3559d3
```
#3559d3 rgb(53,89,211)
```
#4a6bd8
```
#4a6bd8 rgb(74,107,216)
```
#5f7cdc
```
#5f7cdc rgb(95,124,220)
```
#748de1
```
#748de1 rgb(116,141,225)
```
#899ee6
```
#899ee6 rgb(137,158,230)
```
#9eafea
```
#9eafea rgb(158,175,234)
```
#b3c1ef
```
#b3c1ef rgb(179,193,239)
```

Monochromatic Color

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

#74a8e1
```
#74a8e1 rgb(116,168,225)
```
#749fe1
```
#749fe1 rgb(116,159,225)
```
#7496e1
```
#7496e1 rgb(116,150,225)
```
#748de1
```
#748de1 rgb(116,141,225)
```
#7484e1
```
#7484e1 rgb(116,132,225)
```
#747be1
```
#747be1 rgb(116,123,225)
```
#7674e1
```
#7674e1 rgb(118,116,225)
```

Similar Colors

Text with hexadecimal color #748de1

This text has a font color of #748de1.

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

#748de1 background color

This paragraph has a background color of #748de1.

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

#748de1 border color

This element has a border color of #748de1.

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

CSS codes

.text {color:#748de1;}

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

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

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

#010206
```
#010206 rgb(1,2,6)
```
#050916
```
#050916 rgb(5,9,22)
```
#080f26
```
#080f26 rgb(8,15,38)
```
#0c1637
```
#0c1637 rgb(12,22,55)
```
#0f1c47
```
#0f1c47 rgb(15,28,71)
```
#132257
```
#132257 rgb(19,34,87)
```
#162967
```
#162967 rgb(22,41,103)
```
#1a2f77
```
#1a2f77 rgb(26,47,119)
```
#1d3687
```
#1d3687 rgb(29,54,135)
```
#213c97
```
#213c97 rgb(33,60,151)
```
#2442a8
```
#2442a8 rgb(36,66,168)
```
#2849b8
```
#2849b8 rgb(40,73,184)
```
#2b4fc8
```
#2b4fc8 rgb(43,79,200)
```

Shade Color Variation

#3358d3
```
#3358d3 rgb(51,88,211)
```
#4465d7
```
#4465d7 rgb(68,101,215)
```
#5473da
```
#5473da rgb(84,115,218)
```
#6480de
```
#6480de rgb(100,128,222)
```
#748de1
```
#748de1 rgb(116,141,225)
```
#849ae4
```
#849ae4 rgb(132,154,228)
```
#94a7e8
```
#94a7e8 rgb(148,167,232)
```
#a4b5eb
```
#a4b5eb rgb(164,181,235)
```
#b5c2ef
```
#b5c2ef rgb(181,194,239)
```
#c5cff2
```
#c5cff2 rgb(197,207,242)
```
#d5dcf6
```
#d5dcf6 rgb(213,220,246)
```
#e5eaf9
```
#e5eaf9 rgb(229,234,249)
```
#f5f7fd
```
#f5f7fd rgb(245,247,253)
```

Tint Color Variation

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

#a8a9ad
```
#a8a9ad rgb(168,169,173)
```
#a2a6b4
```
#a2a6b4 rgb(162,166,180)
```
#9ba2ba
```
#9ba2ba rgb(155,162,186)
```
#959fc1
```
#959fc1 rgb(149,159,193)
```
#8e9bc7
```
#8e9bc7 rgb(142,155,199)
```
#8898ce
```
#8898ce rgb(136,152,206)
```
#8194d4
```
#8194d4 rgb(129,148,212)
```
#7b91db
```
#7b91db rgb(123,145,219)
```
#748de1
```
#748de1 rgb(116,141,225)
```
#6e89e8
```
#6e89e8 rgb(110,137,232)
```
#6786ee
```
#6786ee rgb(103,134,238)
```
#6182f5
```
#6182f5 rgb(97,130,245)
```
#5a7ffb
```
#5a7ffb rgb(90,127,251)
```

Tone Color Variation

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

Dichromacy

#7693e3 Protanopia 1% of men
#6b96e1 Deuteranopia 1% of men
#659faa Tritanopia 0.001% of the population

Trichromacy

#7591e2 Protanomaly 1% of men, 0.01% of women
#6e93e1 Deuteranomaly 6% of men, 0.4% of women
#6a98be Tritanomaly 0.01% of the population

#748de1 hex color

#748de1 Color Information

#748de1 Color Conversion

Color Schemes with #748de1

Alternatives to #748de1

#748de1 Preview

Shades and Tints of #748de1

Tones of #748de1

Color Blindness Simulator