#687af8 Color Information
In a RGB color space, hex #687af8 is composed of 40.8% red, 47.8% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 58.1% cyan, 50.8% magenta, 0% yellow and 2.7% black. It has a hue angle of 232.5 degrees, a saturation of 91.1% and a lightness of 69%. #687af8 color hex could be obtained by blending #d0f4ff with #0000f1. Closest websafe color is: #6666ff.
-
- R 41
- G 48
- B 97
-
- C 58
- M 51
- Y 0
- K 3
● #687af8 color description : Soft blue.
#687af8 Color Conversion
The hexadecimal color #687af8 has RGB values of R:104, G:122, B:248 and CMYK values of C:0.58, M:0.51, Y:0, K:0.03. Its decimal value is 6847224.
Hex triplet | 687af8 | #687af8 |
---|---|---|
RGB Decimal | 104, 122, 248 | rgb(104,122,248) |
RGB Percent | 40.8, 47.8, 97.3 | rgb(40.8%,47.8%,97.3%) |
CMYK | 58, 51, 0, 3 | |
HSL | 232.5°, 91.1, 69 | hsl(232.5,91.1%,69%) |
HSV (or HSB) | 232.5°, 58.1, 97.3 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 55.724, 29.791, -65.282 |
---|---|
XYZ | 29.608, 23.638, 91.804 |
xyY | 0.204, 0.163, 23.638 |
CIE-LCH | 55.724, 71.758, 294.529 |
CIE-LUV | 55.724, -13.245, -105.618 |
Hunter-Lab | 48.619, 23.621, -77.92 |
Binary | 01101000, 01111010, 11111000 |
Color Schemes with #687af8
Alternatives to #687af8
Below, you can see some colors close to #687af8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#687af8 Preview
This text has a font color of #687af8.
<span style="color:#687af8;">Text here</span>
This paragraph has a background color of #687af8.
<p style="background-color:#687af8;">Content here</p>
This element has a border color of #687af8.
<div style="border:1px solid #687af8;">Content here</div>
.text {color:#687af8;}
.background {background-color:#687af8;}
.border {border:1px solid #687af8;}
Shades and Tints of #687af8
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, #010312 is the darkest color, while #fefeff is the lightest one.
-
#010312
#010312
rgb(1,3,18)
-
#020624
#020624
rgb(2,6,36)
-
#030937
#030937
rgb(3,9,55)
-
#030c4a
#030c4a
rgb(3,12,74)
-
#040f5d
#040f5d
rgb(4,15,93)
-
#05126f
#05126f
rgb(5,18,111)
-
#061682
#061682
rgb(6,22,130)
-
#071995
#071995
rgb(7,25,149)
-
#081ca8
#081ca8
rgb(8,28,168)
-
#091fba
#091fba
rgb(9,31,186)
-
#0a22cd
#0a22cd
rgb(10,34,205)
-
#0a25e0
#0a25e0
rgb(10,37,224)
-
#0b28f3
#0b28f3
rgb(11,40,243)
-
#1d38f5
#1d38f5
rgb(29,56,245)
-
#3048f5
#3048f5
rgb(48,72,245)
-
#4359f6
#4359f6
rgb(67,89,246)
-
#5569f7
#5569f7
rgb(85,105,247)
-
#687af8
#687af8
rgb(104,122,248)
-
#7b8bf9
#7b8bf9
rgb(123,139,249)
-
#8d9bfa
#8d9bfa
rgb(141,155,250)
-
#a0acfb
#a0acfb
rgb(160,172,251)
-
#b3bcfb
#b3bcfb
rgb(179,188,251)
-
#c6cdfc
#c6cdfc
rgb(198,205,252)
-
#d8ddfd
#d8ddfd
rgb(216,221,253)
-
#ebeefe
#ebeefe
rgb(235,238,254)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #687af8
A tone is produced by adding gray to any pure hue. In this case, #abacb5 is the less saturated color, while #6275fe is the most saturated one.
-
#abacb5
#abacb5
rgb(171,172,181)
-
#a5a8bb
#a5a8bb
rgb(165,168,187)
-
#9fa3c1
#9fa3c1
rgb(159,163,193)
-
#999ec7
#999ec7
rgb(153,158,199)
-
#939acd
#939acd
rgb(147,154,205)
-
#8c95d4
#8c95d4
rgb(140,149,212)
-
#8691da
#8691da
rgb(134,145,218)
-
#808ce0
#808ce0
rgb(128,140,224)
-
#7a88e6
#7a88e6
rgb(122,136,230)
-
#7483ec
#7483ec
rgb(116,131,236)
-
#6e7ff2
#6e7ff2
rgb(110,127,242)
-
#687af8
#687af8
rgb(104,122,248)
-
#6275fe
#6275fe
rgb(98,117,254)
Color Blindness Simulator
Below, you can see how #687af8 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.