#679ef2 Color Information
In a RGB color space, hex #679ef2 is composed of 40.4% red, 62% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 57.4% cyan, 34.7% magenta, 0% yellow and 5.1% black. It has a hue angle of 216.3 degrees, a saturation of 84.2% and a lightness of 67.6%. #679ef2 color hex could be obtained by blending #ceffff with #003de5. Closest websafe color is: #6699ff.
-
- R 40
- G 62
- B 95
-
- C 57
- M 35
- Y 0
- K 5
● #679ef2 color description : Soft blue.
#679ef2 Color Conversion
The hexadecimal color #679ef2 has RGB values of R:103, G:158, B:242 and CMYK values of C:0.57, M:0.35, Y:0, K:0.05. Its decimal value is 6790898.
Hex triplet | 679ef2 | #679ef2 |
---|---|---|
RGB Decimal | 103, 158, 242 | rgb(103,158,242) |
RGB Percent | 40.4, 62, 94.9 | rgb(40.4%,62%,94.9%) |
CMYK | 57, 35, 0, 5 | |
HSL | 216.3°, 84.2, 67.6 | hsl(216.3,84.2%,67.6%) |
HSV (or HSB) | 216.3°, 57.4, 94.9 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 64.761, 6.286, -47.567 |
---|---|
XYZ | 33.844, 33.746, 88.73 |
xyY | 0.217, 0.216, 33.746 |
CIE-LCH | 64.761, 47.981, 277.528 |
CIE-LUV | 64.761, -25.195, -77.137 |
Hunter-Lab | 58.091, 2.333, -49.896 |
Binary | 01100111, 10011110, 11110010 |
Color Schemes with #679ef2
Alternatives to #679ef2
Below, you can see some colors close to #679ef2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#679ef2 Preview
This text has a font color of #679ef2.
<span style="color:#679ef2;">Text here</span>
This paragraph has a background color of #679ef2.
<p style="background-color:#679ef2;">Content here</p>
This element has a border color of #679ef2.
<div style="border:1px solid #679ef2;">Content here</div>
.text {color:#679ef2;}
.background {background-color:#679ef2;}
.border {border:1px solid #679ef2;}
Shades and Tints of #679ef2
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, #01050b is the darkest color, while #f8fafe is the lightest one.
-
#01050b
#01050b
rgb(1,5,11)
-
#020d1d
#020d1d
rgb(2,13,29)
-
#04152f
#04152f
rgb(4,21,47)
-
#061d41
#061d41
rgb(6,29,65)
-
#072553
#072553
rgb(7,37,83)
-
#092d65
#092d65
rgb(9,45,101)
-
#0a3577
#0a3577
rgb(10,53,119)
-
#0c3d89
#0c3d89
rgb(12,61,137)
-
#0d459b
#0d459b
rgb(13,69,155)
-
#0f4ead
#0f4ead
rgb(15,78,173)
-
#1056bf
#1056bf
rgb(16,86,191)
-
#125ed1
#125ed1
rgb(18,94,209)
-
#1366e3
#1366e3
rgb(19,102,227)
-
#1f70ec
#1f70ec
rgb(31,112,236)
-
#317bed
#317bed
rgb(49,123,237)
-
#4387ef
#4387ef
rgb(67,135,239)
-
#5592f0
#5592f0
rgb(85,146,240)
-
#679ef2
#679ef2
rgb(103,158,242)
-
#79aaf4
#79aaf4
rgb(121,170,244)
-
#8bb5f5
#8bb5f5
rgb(139,181,245)
-
#9dc1f7
#9dc1f7
rgb(157,193,247)
-
#afccf8
#afccf8
rgb(175,204,248)
-
#c1d8fa
#c1d8fa
rgb(193,216,250)
-
#d3e3fb
#d3e3fb
rgb(211,227,251)
-
#e5effd
#e5effd
rgb(229,239,253)
-
#f8fafe
#f8fafe
rgb(248,250,254)
Tones of #679ef2
A tone is produced by adding gray to any pure hue. In this case, #a6abb3 is the less saturated color, while #5a9bff is the most saturated one.
-
#a6abb3
#a6abb3
rgb(166,171,179)
-
#a0aab9
#a0aab9
rgb(160,170,185)
-
#9aa9bf
#9aa9bf
rgb(154,169,191)
-
#93a7c6
#93a7c6
rgb(147,167,198)
-
#8da6cc
#8da6cc
rgb(141,166,204)
-
#87a5d2
#87a5d2
rgb(135,165,210)
-
#80a3d9
#80a3d9
rgb(128,163,217)
-
#7aa2df
#7aa2df
rgb(122,162,223)
-
#74a1e5
#74a1e5
rgb(116,161,229)
-
#6d9fec
#6d9fec
rgb(109,159,236)
-
#679ef2
#679ef2
rgb(103,158,242)
-
#619df8
#619df8
rgb(97,157,248)
-
#5a9bff
#5a9bff
rgb(90,155,255)
Color Blindness Simulator
Below, you can see how #679ef2 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.