#628ff2 Color Information
In a RGB color space, hex #628ff2 is composed of 38.4% red, 56.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 59.5% cyan, 40.9% magenta, 0% yellow and 5.1% black. It has a hue angle of 221.3 degrees, a saturation of 84.7% and a lightness of 66.7%. #628ff2 color hex could be obtained by blending #c4ffff with #001fe5. Closest websafe color is: #6699ff.
-
- R 38
- G 56
- B 95
-
- C 60
- M 41
- Y 0
- K 5
● #628ff2 color description : Soft blue.
#628ff2 Color Conversion
The hexadecimal color #628ff2 has RGB values of R:98, G:143, B:242 and CMYK values of C:0.6, M:0.41, Y:0, K:0.05. Its decimal value is 6459378.
Hex triplet | 628ff2 | #628ff2 |
---|---|---|
RGB Decimal | 98, 143, 242 | rgb(98,143,242) |
RGB Percent | 38.4, 56.1, 94.9 | rgb(38.4%,56.1%,94.9%) |
CMYK | 60, 41, 0, 5 | |
HSL | 221.3°, 84.7, 66.7 | hsl(221.3,84.7%,66.7%) |
HSV (or HSB) | 221.3°, 59.5, 94.9 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 60.472, 14.119, -54.379 |
---|---|
XYZ | 30.883, 28.651, 87.902 |
xyY | 0.209, 0.194, 28.651 |
CIE-LCH | 60.472, 56.182, 284.555 |
CIE-LUV | 60.472, -21.46, -88.325 |
Hunter-Lab | 53.526, 9.318, -59.899 |
Binary | 01100010, 10001111, 11110010 |
Color Schemes with #628ff2
Alternatives to #628ff2
Below, you can see some colors close to #628ff2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#628ff2 Preview
This text has a font color of #628ff2.
<span style="color:#628ff2;">Text here</span>
This paragraph has a background color of #628ff2.
<p style="background-color:#628ff2;">Content here</p>
This element has a border color of #628ff2.
<div style="border:1px solid #628ff2;">Content here</div>
.text {color:#628ff2;}
.background {background-color:#628ff2;}
.border {border:1px solid #628ff2;}
Shades and Tints of #628ff2
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)
-
#03102a
#03102a
rgb(3,16,42)
-
#05163c
#05163c
rgb(5,22,60)
-
#071d4e
#071d4e
rgb(7,29,78)
-
#082461
#082461
rgb(8,36,97)
-
#0a2a73
#0a2a73
rgb(10,42,115)
-
#0b3185
#0b3185
rgb(11,49,133)
-
#0d3897
#0d3897
rgb(13,56,151)
-
#0e3ea9
#0e3ea9
rgb(14,62,169)
-
#1045bb
#1045bb
rgb(16,69,187)
-
#114ccd
#114ccd
rgb(17,76,205)
-
#1353df
#1353df
rgb(19,83,223)
-
#1a5bec
#1a5bec
rgb(26,91,236)
-
#2c68ee
#2c68ee
rgb(44,104,238)
-
#3e75ef
#3e75ef
rgb(62,117,239)
-
#5082f1
#5082f1
rgb(80,130,241)
-
#628ff2
#628ff2
rgb(98,143,242)
-
#749cf4
#749cf4
rgb(116,156,244)
-
#86a9f5
#86a9f5
rgb(134,169,245)
-
#98b6f7
#98b6f7
rgb(152,182,247)
-
#aac3f8
#aac3f8
rgb(170,195,248)
-
#bdd0fa
#bdd0fa
rgb(189,208,250)
-
#cfddfb
#cfddfb
rgb(207,221,251)
-
#e1e9fd
#e1e9fd
rgb(225,233,253)
-
#f3f6fe
#f3f6fe
rgb(243,246,254)
Tones of #628ff2
A tone is produced by adding gray to any pure hue. In this case, #aaaaaa is the less saturated color, while #5b8df9 is the most saturated one.
-
#aaaaaa
#aaaaaa
rgb(170,170,170)
-
#a3a8b1
#a3a8b1
rgb(163,168,177)
-
#9da5b7
#9da5b7
rgb(157,165,183)
-
#96a3be
#96a3be
rgb(150,163,190)
-
#90a0c4
#90a0c4
rgb(144,160,196)
-
#899ecb
#899ecb
rgb(137,158,203)
-
#839bd1
#839bd1
rgb(131,155,209)
-
#7c99d8
#7c99d8
rgb(124,153,216)
-
#7696de
#7696de
rgb(118,150,222)
-
#6f94e5
#6f94e5
rgb(111,148,229)
-
#6991eb
#6991eb
rgb(105,145,235)
-
#628ff2
#628ff2
rgb(98,143,242)
-
#5b8df9
#5b8df9
rgb(91,141,249)
Color Blindness Simulator
Below, you can see how #628ff2 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.