#697ed2 Color Information
In a RGB color space, hex #697ed2 is composed of 41.2% red, 49.4% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 40% magenta, 0% yellow and 17.6% black. It has a hue angle of 228 degrees, a saturation of 53.8% and a lightness of 61.8%. #697ed2 color hex could be obtained by blending #d2fcff with #0000a5. Closest websafe color is: #6666cc.
-
- R 41
- G 49
- B 82
-
- C 50
- M 40
- Y 0
- K 18
● #697ed2 color description : Moderate blue.
#697ed2 Color Conversion
The hexadecimal color #697ed2 has RGB values of R:105, G:126, B:210 and CMYK values of C:0.5, M:0.4, Y:0, K:0.18. Its decimal value is 6913746.
Hex triplet | 697ed2 | #697ed2 |
---|---|---|
RGB Decimal | 105, 126, 210 | rgb(105,126,210) |
RGB Percent | 41.2, 49.4, 82.4 | rgb(41.2%,49.4%,82.4%) |
CMYK | 50, 40, 0, 18 | |
HSL | 228°, 53.8, 61.8 | hsl(228,53.8%,61.8%) |
HSV (or HSB) | 228°, 50, 82.4 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 54.634, 15.547, -45.764 |
---|---|
XYZ | 24.917, 22.577, 64.014 |
xyY | 0.223, 0.202, 22.577 |
CIE-LCH | 54.634, 48.332, 288.764 |
CIE-LUV | 54.634, -13.109, -72.89 |
Hunter-Lab | 47.515, 10.453, -46.616 |
Binary | 01101001, 01111110, 11010010 |
Color Schemes with #697ed2
Alternatives to #697ed2
Below, you can see some colors close to #697ed2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#697ed2 Preview
This text has a font color of #697ed2.
<span style="color:#697ed2;">Text here</span>
This paragraph has a background color of #697ed2.
<p style="background-color:#697ed2;">Content here</p>
This element has a border color of #697ed2.
<div style="border:1px solid #697ed2;">Content here</div>
.text {color:#697ed2;}
.background {background-color:#697ed2;}
.border {border:1px solid #697ed2;}
Shades and Tints of #697ed2
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 #f1f3fb is the lightest one.
-
#000001
#000001
rgb(0,0,1)
-
#050710
#050710
rgb(5,7,16)
-
#090e1f
#090e1f
rgb(9,14,31)
-
#0e142e
#0e142e
rgb(14,20,46)
-
#121b3d
#121b3d
rgb(18,27,61)
-
#17224c
#17224c
rgb(23,34,76)
-
#1b285b
#1b285b
rgb(27,40,91)
-
#202f6b
#202f6b
rgb(32,47,107)
-
#24367a
#24367a
rgb(36,54,122)
-
#293c89
#293c89
rgb(41,60,137)
-
#2e4398
#2e4398
rgb(46,67,152)
-
#3249a7
#3249a7
rgb(50,73,167)
-
#3750b6
#3750b6
rgb(55,80,182)
-
#3c57c4
#3c57c4
rgb(60,87,196)
-
#4b64c9
#4b64c9
rgb(75,100,201)
-
#5a71cd
#5a71cd
rgb(90,113,205)
-
#697ed2
#697ed2
rgb(105,126,210)
-
#788bd7
#788bd7
rgb(120,139,215)
-
#8798db
#8798db
rgb(135,152,219)
-
#96a5e0
#96a5e0
rgb(150,165,224)
-
#a5b2e4
#a5b2e4
rgb(165,178,228)
-
#b4bfe9
#b4bfe9
rgb(180,191,233)
-
#c4cced
#c4cced
rgb(196,204,237)
-
#d3d9f2
#d3d9f2
rgb(211,217,242)
-
#e2e6f6
#e2e6f6
rgb(226,230,246)
-
#f1f3fb
#f1f3fb
rgb(241,243,251)
Tones of #697ed2
A tone is produced by adding gray to any pure hue. In this case, #9699a5 is the less saturated color, while #3c63ff is the most saturated one.
-
#9699a5
#9699a5
rgb(150,153,165)
-
#8f95ad
#8f95ad
rgb(143,149,173)
-
#8790b4
#8790b4
rgb(135,144,180)
-
#808cbc
#808cbc
rgb(128,140,188)
-
#7887c3
#7887c3
rgb(120,135,195)
-
#7183cb
#7183cb
rgb(113,131,203)
-
#697ed2
#697ed2
rgb(105,126,210)
-
#627ada
#627ada
rgb(98,122,218)
-
#5a75e1
#5a75e1
rgb(90,117,225)
-
#5371e9
#5371e9
rgb(83,113,233)
-
#4b6cf0
#4b6cf0
rgb(75,108,240)
-
#4468f8
#4468f8
rgb(68,104,248)
-
#3c63ff
#3c63ff
rgb(60,99,255)
Color Blindness Simulator
Below, you can see how #697ed2 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.