#687afa Color Information
In a RGB color space, hex #687afa is composed of 40.8% red, 47.8% green and 98% blue. Whereas in a CMYK color space, it is composed of 58.4% cyan, 51.2% magenta, 0% yellow and 2% black. It has a hue angle of 232.6 degrees, a saturation of 93.6% and a lightness of 69.4%. #687afa color hex could be obtained by blending #d0f4ff with #0000f5. Closest websafe color is: #6666ff.
-
- R 41
- G 48
- B 98
-
- C 58
- M 51
- Y 0
- K 2
● #687afa color description : Soft blue.
#687afa Color Conversion
The hexadecimal color #687afa has RGB values of R:104, G:122, B:250 and CMYK values of C:0.58, M:0.51, Y:0, K:0.02. Its decimal value is 6847226.
Hex triplet | 687afa | #687afa |
---|---|---|
RGB Decimal | 104, 122, 250 | rgb(104,122,250) |
RGB Percent | 40.8, 47.8, 98 | rgb(40.8%,47.8%,98%) |
CMYK | 58, 51, 0, 2 | |
HSL | 232.6°, 93.6, 69.4 | hsl(232.6,93.6%,69.4%) |
HSV (or HSB) | 232.6°, 58.4, 98 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 55.85, 30.434, -66.185 |
---|---|
XYZ | 29.92, 23.763, 93.447 |
xyY | 0.203, 0.162, 23.763 |
CIE-LCH | 55.85, 72.847, 294.695 |
CIE-LUV | 55.85, -13.307, -107.132 |
Hunter-Lab | 48.747, 24.253, -79.535 |
Binary | 01101000, 01111010, 11111010 |
Color Schemes with #687afa
Alternatives to #687afa
Below, you can see some colors close to #687afa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#687afa Preview
This text has a font color of #687afa.
<span style="color:#687afa;">Text here</span>
This paragraph has a background color of #687afa.
<p style="background-color:#687afa;">Content here</p>
This element has a border color of #687afa.
<div style="border:1px solid #687afa;">Content here</div>
.text {color:#687afa;}
.background {background-color:#687afa;}
.border {border:1px solid #687afa;}
Shades and Tints of #687afa
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, #000001 is the darkest color, while #edeffe is the lightest one.
-
#000001
#000001
rgb(0,0,1)
-
#010314
#010314
rgb(1,3,20)
-
#010627
#010627
rgb(1,6,39)
-
#02093a
#02093a
rgb(2,9,58)
-
#030c4d
#030c4d
rgb(3,12,77)
-
#030f60
#030f60
rgb(3,15,96)
-
#041173
#041173
rgb(4,17,115)
-
#041486
#041486
rgb(4,20,134)
-
#051799
#051799
rgb(5,23,153)
-
#061aac
#061aac
rgb(6,26,172)
-
#061dbf
#061dbf
rgb(6,29,191)
-
#0720d2
#0720d2
rgb(7,32,210)
-
#0823e5
#0823e5
rgb(8,35,229)
-
#0926f7
#0926f7
rgb(9,38,247)
-
#1c37f7
#1c37f7
rgb(28,55,247)
-
#2f48f8
#2f48f8
rgb(47,72,248)
-
#4259f9
#4259f9
rgb(66,89,249)
-
#5569f9
#5569f9
rgb(85,105,249)
-
#687afa
#687afa
rgb(104,122,250)
-
#7b8bfb
#7b8bfb
rgb(123,139,251)
-
#8e9bfb
#8e9bfb
rgb(142,155,251)
-
#a1acfc
#a1acfc
rgb(161,172,252)
-
#b4bdfd
#b4bdfd
rgb(180,189,253)
-
#c7cefd
#c7cefd
rgb(199,206,253)
-
#dadefe
#dadefe
rgb(218,222,254)
-
#edeffe
#edeffe
rgb(237,239,254)
Tones of #687afa
A tone is produced by adding gray to any pure hue. In this case, #b0b0b2 is the less saturated color, while #687afa is the most saturated one.
-
#b0b0b2
#b0b0b2
rgb(176,176,178)
-
#aaacb8
#aaacb8
rgb(170,172,184)
-
#a4a7be
#a4a7be
rgb(164,167,190)
-
#9ea3c4
#9ea3c4
rgb(158,163,196)
-
#989eca
#989eca
rgb(152,158,202)
-
#929ad0
#929ad0
rgb(146,154,208)
-
#8c95d6
#8c95d6
rgb(140,149,214)
-
#8691dc
#8691dc
rgb(134,145,220)
-
#808ce2
#808ce2
rgb(128,140,226)
-
#7a88e8
#7a88e8
rgb(122,136,232)
-
#7483ee
#7483ee
rgb(116,131,238)
-
#6e7ff4
#6e7ff4
rgb(110,127,244)
-
#687afa
#687afa
rgb(104,122,250)
Color Blindness Simulator
Below, you can see how #687afa 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.