#7684f8 Color Information
In a RGB color space, hex #7684f8 is composed of 46.3% red, 51.8% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 52.4% cyan, 46.8% magenta, 0% yellow and 2.7% black. It has a hue angle of 233.5 degrees, a saturation of 90.3% and a lightness of 71.8%. #7684f8 color hex could be obtained by blending #ecffff with #0009f1. Closest websafe color is: #6699ff.
-
- R 46
- G 52
- B 97
-
- C 52
- M 47
- Y 0
- K 3
● #7684f8 color description : Soft blue.
#7684f8 Color Conversion
The hexadecimal color #7684f8 has RGB values of R:118, G:132, B:248 and CMYK values of C:0.52, M:0.47, Y:0, K:0.03. Its decimal value is 7767288.
Hex triplet | 7684f8 | #7684f8 |
---|---|---|
RGB Decimal | 118, 132, 248 | rgb(118,132,248) |
RGB Percent | 46.3, 51.8, 97.3 | rgb(46.3%,51.8%,97.3%) |
CMYK | 52, 47, 0, 3 | |
HSL | 233.5°, 90.3, 71.8 | hsl(233.5,90.3%,71.8%) |
HSV (or HSB) | 233.5°, 52.4, 97.3 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 59.095, 26.536, -59.821 |
---|---|
XYZ | 32.662, 27.13, 92.317 |
xyY | 0.215, 0.178, 27.13 |
CIE-LCH | 59.095, 65.442, 293.921 |
CIE-LUV | 59.095, -11.917, -98.014 |
Hunter-Lab | 52.087, 20.782, -68.624 |
Binary | 01110110, 10000100, 11111000 |
Color Schemes with #7684f8
Alternatives to #7684f8
Below, you can see some colors close to #7684f8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#7684f8 Preview
This text has a font color of #7684f8.
<span style="color:#7684f8;">Text here</span>
This paragraph has a background color of #7684f8.
<p style="background-color:#7684f8;">Content here</p>
This element has a border color of #7684f8.
<div style="border:1px solid #7684f8;">Content here</div>
.text {color:#7684f8;}
.background {background-color:#7684f8;}
.border {border:1px solid #7684f8;}
Shades and Tints of #7684f8
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, #01020c is the darkest color, while #f9f9ff is the lightest one.
-
#01020c
#01020c
rgb(1,2,12)
-
#02051f
#02051f
rgb(2,5,31)
-
#030832
#030832
rgb(3,8,50)
-
#030a44
#030a44
rgb(3,10,68)
-
#040d57
#040d57
rgb(4,13,87)
-
#05106a
#05106a
rgb(5,16,106)
-
#06137c
#06137c
rgb(6,19,124)
-
#07168f
#07168f
rgb(7,22,143)
-
#0819a2
#0819a2
rgb(8,25,162)
-
#091cb4
#091cb4
rgb(9,28,180)
-
#0a1ec7
#0a1ec7
rgb(10,30,199)
-
#0b21da
#0b21da
rgb(11,33,218)
-
#0c24ec
#0c24ec
rgb(12,36,236)
-
#1930f3
#1930f3
rgb(25,48,243)
-
#2b41f4
#2b41f4
rgb(43,65,244)
-
#3e52f5
#3e52f5
rgb(62,82,245)
-
#5162f6
#5162f6
rgb(81,98,246)
-
#6373f7
#6373f7
rgb(99,115,247)
-
#7684f8
#7684f8
rgb(118,132,248)
-
#8995f9
#8995f9
rgb(137,149,249)
-
#9ba6fa
#9ba6fa
rgb(155,166,250)
-
#aeb6fb
#aeb6fb
rgb(174,182,251)
-
#c1c7fc
#c1c7fc
rgb(193,199,252)
-
#d3d8fd
#d3d8fd
rgb(211,216,253)
-
#e6e9fe
#e6e9fe
rgb(230,233,254)
-
#f9f9ff
#f9f9ff
rgb(249,249,255)
Tones of #7684f8
A tone is produced by adding gray to any pure hue. In this case, #b3b4bb is the less saturated color, while #7080fe is the most saturated one.
-
#b3b4bb
#b3b4bb
rgb(179,180,187)
-
#adafc1
#adafc1
rgb(173,175,193)
-
#a8abc6
#a8abc6
rgb(168,171,198)
-
#a2a7cc
#a2a7cc
rgb(162,167,204)
-
#9da2d1
#9da2d1
rgb(157,162,209)
-
#979ed7
#979ed7
rgb(151,158,215)
-
#929adc
#929adc
rgb(146,154,220)
-
#8c95e2
#8c95e2
rgb(140,149,226)
-
#8791e7
#8791e7
rgb(135,145,231)
-
#818ded
#818ded
rgb(129,141,237)
-
#7c88f2
#7c88f2
rgb(124,136,242)
-
#7684f8
#7684f8
rgb(118,132,248)
-
#7080fe
#7080fe
rgb(112,128,254)
Color Blindness Simulator
Below, you can see how #7684f8 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.