#748ff2 Color Information
In a RGB color space, hex #748ff2 is composed of 45.5% red, 56.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 52.1% cyan, 40.9% magenta, 0% yellow and 5.1% black. It has a hue angle of 227.1 degrees, a saturation of 82.9% and a lightness of 70.2%. #748ff2 color hex could be obtained by blending #e8ffff with #001fe5. Closest websafe color is: #6699ff.
-
- R 45
- G 56
- B 95
-
- C 52
- M 41
- Y 0
- K 5
● #748ff2 color description : Soft blue.
#748ff2 Color Conversion
The hexadecimal color #748ff2 has RGB values of R:116, G:143, B:242 and CMYK values of C:0.52, M:0.41, Y:0, K:0.05. Its decimal value is 7639026.
Hex triplet | 748ff2 | #748ff2 |
---|---|---|
RGB Decimal | 116, 143, 242 | rgb(116,143,242) |
RGB Percent | 45.5, 56.1, 94.9 | rgb(45.5%,56.1%,94.9%) |
CMYK | 52, 41, 0, 5 | |
HSL | 227.1°, 82.9, 70.2 | hsl(227.1,82.9%,70.2%) |
HSV (or HSB) | 227.1°, 52.1, 94.9 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 61.453, 17.745, -52.759 |
---|---|
XYZ | 33.049, 29.767, 88.004 |
xyY | 0.219, 0.197, 29.767 |
CIE-LCH | 61.453, 55.664, 288.59 |
CIE-LUV | 61.453, -16.023, -86.311 |
Hunter-Lab | 54.559, 12.645, -57.443 |
Binary | 01110100, 10001111, 11110010 |
Color Schemes with #748ff2
Alternatives to #748ff2
Below, you can see some colors close to #748ff2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#748ff2 Preview
This text has a font color of #748ff2.
<span style="color:#748ff2;">Text here</span>
This paragraph has a background color of #748ff2.
<p style="background-color:#748ff2;">Content here</p>
This element has a border color of #748ff2.
<div style="border:1px solid #748ff2;">Content here</div>
.text {color:#748ff2;}
.background {background-color:#748ff2;}
.border {border:1px solid #748ff2;}
Shades and Tints of #748ff2
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, #000105 is the darkest color, while #f2f4fe is the lightest one.
-
#000105
#000105
rgb(0,1,5)
-
#020616
#020616
rgb(2,6,22)
-
#040c28
#040c28
rgb(4,12,40)
-
#05113a
#05113a
rgb(5,17,58)
-
#07164c
#07164c
rgb(7,22,76)
-
#091b5e
#091b5e
rgb(9,27,94)
-
#0a2070
#0a2070
rgb(10,32,112)
-
#0c2582
#0c2582
rgb(12,37,130)
-
#0e2b94
#0e2b94
rgb(14,43,148)
-
#1030a6
#1030a6
rgb(16,48,166)
-
#1135b8
#1135b8
rgb(17,53,184)
-
#133aca
#133aca
rgb(19,58,202)
-
#153fdc
#153fdc
rgb(21,63,220)
-
#1a47ea
#1a47ea
rgb(26,71,234)
-
#2c55eb
#2c55eb
rgb(44,85,235)
-
#3e64ed
#3e64ed
rgb(62,100,237)
-
#5072ef
#5072ef
rgb(80,114,239)
-
#6281f0
#6281f0
rgb(98,129,240)
-
#748ff2
#748ff2
rgb(116,143,242)
-
#869df4
#869df4
rgb(134,157,244)
-
#98acf5
#98acf5
rgb(152,172,245)
-
#aabaf7
#aabaf7
rgb(170,186,247)
-
#bcc9f9
#bcc9f9
rgb(188,201,249)
-
#ced7fa
#ced7fa
rgb(206,215,250)
-
#e0e6fc
#e0e6fc
rgb(224,230,252)
-
#f2f4fe
#f2f4fe
rgb(242,244,254)
Tones of #748ff2
A tone is produced by adding gray to any pure hue. In this case, #aeb0b8 is the less saturated color, while #6888fe is the most saturated one.
-
#aeb0b8
#aeb0b8
rgb(174,176,184)
-
#a9adbd
#a9adbd
rgb(169,173,189)
-
#a3aac3
#a3aac3
rgb(163,170,195)
-
#9da6c9
#9da6c9
rgb(157,166,201)
-
#97a3cf
#97a3cf
rgb(151,163,207)
-
#91a0d5
#91a0d5
rgb(145,160,213)
-
#8b9cdb
#8b9cdb
rgb(139,156,219)
-
#8699e0
#8699e0
rgb(134,153,224)
-
#8096e6
#8096e6
rgb(128,150,230)
-
#7a92ec
#7a92ec
rgb(122,146,236)
-
#748ff2
#748ff2
rgb(116,143,242)
-
#6e8cf8
#6e8cf8
rgb(110,140,248)
-
#6888fe
#6888fe
rgb(104,136,254)
Color Blindness Simulator
Below, you can see how #748ff2 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.