#7486f2 Color Information
In a RGB color space, hex #7486f2 is composed of 45.5% red, 52.5% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 52.1% cyan, 44.6% magenta, 0% yellow and 5.1% black. It has a hue angle of 231.4 degrees, a saturation of 82.9% and a lightness of 70.2%. #7486f2 color hex could be obtained by blending #e8ffff with #000de5. Closest websafe color is: #6699ff.
-
- R 45
- G 53
- B 95
-
- C 52
- M 45
- Y 0
- K 5
● #7486f2 color description : Soft blue.
#7486f2 Color Conversion
The hexadecimal color #7486f2 has RGB values of R:116, G:134, B:242 and CMYK values of C:0.52, M:0.45, Y:0, K:0.05. Its decimal value is 7636722.
Hex triplet | 7486f2 | #7486f2 |
---|---|---|
RGB Decimal | 116, 134, 242 | rgb(116,134,242) |
RGB Percent | 45.5, 52.5, 94.9 | rgb(45.5%,52.5%,94.9%) |
CMYK | 52, 45, 0, 5 | |
HSL | 231.4°, 82.9, 70.2 | hsl(231.4,82.9%,70.2%) |
HSV (or HSB) | 231.4°, 52.1, 94.9 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 59.134, 23.079, -56.452 |
---|---|
XYZ | 31.751, 27.173, 87.571 |
xyY | 0.217, 0.185, 27.173 |
CIE-LCH | 59.134, 60.988, 292.236 |
CIE-LUV | 59.134, -13.019, -92.246 |
Hunter-Lab | 52.127, 17.503, -63.115 |
Binary | 01110100, 10000110, 11110010 |
Color Schemes with #7486f2
Alternatives to #7486f2
Below, you can see some colors close to #7486f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#7486f2 Preview
This text has a font color of #7486f2.
<span style="color:#7486f2;">Text here</span>
This paragraph has a background color of #7486f2.
<p style="background-color:#7486f2;">Content here</p>
This element has a border color of #7486f2.
<div style="border:1px solid #7486f2;">Content here</div>
.text {color:#7486f2;}
.background {background-color:#7486f2;}
.border {border:1px solid #7486f2;}
Shades and Tints of #7486f2
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 #f2f3fe is the lightest one.
-
#000105
#000105
rgb(0,1,5)
-
#020516
#020516
rgb(2,5,22)
-
#040928
#040928
rgb(4,9,40)
-
#050d3a
#050d3a
rgb(5,13,58)
-
#07114c
#07114c
rgb(7,17,76)
-
#09155e
#09155e
rgb(9,21,94)
-
#0a1970
#0a1970
rgb(10,25,112)
-
#0c1d82
#0c1d82
rgb(12,29,130)
-
#0e2194
#0e2194
rgb(14,33,148)
-
#1025a6
#1025a6
rgb(16,37,166)
-
#1129b8
#1129b8
rgb(17,41,184)
-
#132dca
#132dca
rgb(19,45,202)
-
#1531dc
#1531dc
rgb(21,49,220)
-
#1a38ea
#1a38ea
rgb(26,56,234)
-
#2c48eb
#2c48eb
rgb(44,72,235)
-
#3e57ed
#3e57ed
rgb(62,87,237)
-
#5067ef
#5067ef
rgb(80,103,239)
-
#6276f0
#6276f0
rgb(98,118,240)
-
#7486f2
#7486f2
rgb(116,134,242)
-
#8696f4
#8696f4
rgb(134,150,244)
-
#98a5f5
#98a5f5
rgb(152,165,245)
-
#aab5f7
#aab5f7
rgb(170,181,247)
-
#bcc4f9
#bcc4f9
rgb(188,196,249)
-
#ced4fa
#ced4fa
rgb(206,212,250)
-
#e0e4fc
#e0e4fc
rgb(224,228,252)
-
#f2f3fe
#f2f3fe
rgb(242,243,254)
Tones of #7486f2
A tone is produced by adding gray to any pure hue. In this case, #aeb0b8 is the less saturated color, while #687efe is the most saturated one.
-
#aeb0b8
#aeb0b8
rgb(174,176,184)
-
#a9acbd
#a9acbd
rgb(169,172,189)
-
#a3a7c3
#a3a7c3
rgb(163,167,195)
-
#9da3c9
#9da3c9
rgb(157,163,201)
-
#979fcf
#979fcf
rgb(151,159,207)
-
#919bd5
#919bd5
rgb(145,155,213)
-
#8b97db
#8b97db
rgb(139,151,219)
-
#8693e0
#8693e0
rgb(134,147,224)
-
#808ee6
#808ee6
rgb(128,142,230)
-
#7a8aec
#7a8aec
rgb(122,138,236)
-
#7486f2
#7486f2
rgb(116,134,242)
-
#6e82f8
#6e82f8
rgb(110,130,248)
-
#687efe
#687efe
rgb(104,126,254)
Color Blindness Simulator
Below, you can see how #7486f2 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.