#628ef2 Color Information
In a RGB color space, hex #628ef2 is composed of 38.4% red, 55.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 59.5% cyan, 41.3% magenta, 0% yellow and 5.1% black. It has a hue angle of 221.7 degrees, a saturation of 84.7% and a lightness of 66.7%. #628ef2 color hex could be obtained by blending #c4ffff with #001de5. Closest websafe color is: #6699ff.
-
- R 38
- G 56
- B 95
-
- C 60
- M 41
- Y 0
- K 5
● #628ef2 color description : Soft blue.
#628ef2 Color Conversion
The hexadecimal color #628ef2 has RGB values of R:98, G:142, B:242 and CMYK values of C:0.6, M:0.41, Y:0, K:0.05. Its decimal value is 6459122.
Hex triplet | 628ef2 | #628ef2 |
---|---|---|
RGB Decimal | 98, 142, 242 | rgb(98,142,242) |
RGB Percent | 38.4, 55.7, 94.9 | rgb(38.4%,55.7%,94.9%) |
CMYK | 60, 41, 0, 5 | |
HSL | 221.7°, 84.7, 66.7 | hsl(221.7,84.7%,66.7%) |
HSV (or HSB) | 221.7°, 59.5, 94.9 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 60.205, 14.714, -54.804 |
---|---|
XYZ | 30.734, 28.352, 87.852 |
xyY | 0.209, 0.193, 28.352 |
CIE-LCH | 60.205, 56.745, 285.029 |
CIE-LUV | 60.205, -21.128, -89.01 |
Hunter-Lab | 53.246, 9.848, -60.551 |
Binary | 01100010, 10001110, 11110010 |
Color Schemes with #628ef2
Alternatives to #628ef2
Below, you can see some colors close to #628ef2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#628ef2 Preview
This text has a font color of #628ef2.
<span style="color:#628ef2;">Text here</span>
This paragraph has a background color of #628ef2.
<p style="background-color:#628ef2;">Content here</p>
This element has a border color of #628ef2.
<div style="border:1px solid #628ef2;">Content here</div>
.text {color:#628ef2;}
.background {background-color:#628ef2;}
.border {border:1px solid #628ef2;}
Shades and Tints of #628ef2
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, #000206 is the darkest color, while #f3f6fe is the lightest one.
-
#000206
#000206
rgb(0,2,6)
-
#020918
#020918
rgb(2,9,24)
-
#030f2a
#030f2a
rgb(3,15,42)
-
#05163c
#05163c
rgb(5,22,60)
-
#071d4e
#071d4e
rgb(7,29,78)
-
#082361
#082361
rgb(8,35,97)
-
#0a2a73
#0a2a73
rgb(10,42,115)
-
#0b3085
#0b3085
rgb(11,48,133)
-
#0d3797
#0d3797
rgb(13,55,151)
-
#0e3da9
#0e3da9
rgb(14,61,169)
-
#1044bb
#1044bb
rgb(16,68,187)
-
#114bcd
#114bcd
rgb(17,75,205)
-
#1351df
#1351df
rgb(19,81,223)
-
#1a5aec
#1a5aec
rgb(26,90,236)
-
#2c67ee
#2c67ee
rgb(44,103,238)
-
#3e74ef
#3e74ef
rgb(62,116,239)
-
#5081f1
#5081f1
rgb(80,129,241)
-
#628ef2
#628ef2
rgb(98,142,242)
-
#749bf4
#749bf4
rgb(116,155,244)
-
#86a8f5
#86a8f5
rgb(134,168,245)
-
#98b5f7
#98b5f7
rgb(152,181,247)
-
#aac2f8
#aac2f8
rgb(170,194,248)
-
#bdcffa
#bdcffa
rgb(189,207,250)
-
#cfdcfb
#cfdcfb
rgb(207,220,251)
-
#e1e9fd
#e1e9fd
rgb(225,233,253)
-
#f3f6fe
#f3f6fe
rgb(243,246,254)
Tones of #628ef2
A tone is produced by adding gray to any pure hue. In this case, #aaaaaa is the less saturated color, while #5b8bf9 is the most saturated one.
-
#aaaaaa
#aaaaaa
rgb(170,170,170)
-
#a3a7b1
#a3a7b1
rgb(163,167,177)
-
#9da5b7
#9da5b7
rgb(157,165,183)
-
#96a2be
#96a2be
rgb(150,162,190)
-
#90a0c4
#90a0c4
rgb(144,160,196)
-
#899dcb
#899dcb
rgb(137,157,203)
-
#839bd1
#839bd1
rgb(131,155,209)
-
#7c98d8
#7c98d8
rgb(124,152,216)
-
#7696de
#7696de
rgb(118,150,222)
-
#6f93e5
#6f93e5
rgb(111,147,229)
-
#6991eb
#6991eb
rgb(105,145,235)
-
#628ef2
#628ef2
rgb(98,142,242)
-
#5b8bf9
#5b8bf9
rgb(91,139,249)
Color Blindness Simulator
Below, you can see how #628ef2 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.