#697bf5 Color Information
In a RGB color space, hex #697bf5 is composed of 41.2% red, 48.2% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 57.1% cyan, 49.8% magenta, 0% yellow and 3.9% black. It has a hue angle of 232.3 degrees, a saturation of 87.5% and a lightness of 68.6%. #697bf5 color hex could be obtained by blending #d2f6ff with #0000eb. Closest websafe color is: #6666ff.
-
- R 41
- G 48
- B 96
-
- C 57
- M 50
- Y 0
- K 4
● #697bf5 color description : Soft blue.
#697bf5 Color Conversion
The hexadecimal color #697bf5 has RGB values of R:105, G:123, B:245 and CMYK values of C:0.57, M:0.5, Y:0, K:0.04. Its decimal value is 6913013.
Hex triplet | 697bf5 | #697bf5 |
---|---|---|
RGB Decimal | 105, 123, 245 | rgb(105,123,245) |
RGB Percent | 41.2, 48.2, 96.1 | rgb(41.2%,48.2%,96.1%) |
CMYK | 57, 50, 0, 4 | |
HSL | 232.3°, 87.5, 68.6 | hsl(232.3,87.5%,68.6%) |
HSV (or HSB) | 232.3°, 57.1, 96.1 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 55.847, 28.411, -63.418 |
---|---|
XYZ | 29.387, 23.76, 89.419 |
xyY | 0.206, 0.167, 23.76 |
CIE-LCH | 55.847, 69.491, 294.132 |
CIE-LUV | 55.847, -13.154, -102.646 |
Hunter-Lab | 48.745, 22.309, -74.642 |
Binary | 01101001, 01111011, 11110101 |
Color Schemes with #697bf5
Alternatives to #697bf5
Below, you can see some colors close to #697bf5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#697bf5 Preview
This text has a font color of #697bf5.
<span style="color:#697bf5;">Text here</span>
This paragraph has a background color of #697bf5.
<p style="background-color:#697bf5;">Content here</p>
This element has a border color of #697bf5.
<div style="border:1px solid #697bf5;">Content here</div>
.text {color:#697bf5;}
.background {background-color:#697bf5;}
.border {border:1px solid #697bf5;}
Shades and Tints of #697bf5
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, #010310 is the darkest color, while #fcfcff is the lightest one.
-
#010310
#010310
rgb(1,3,16)
-
#020622
#020622
rgb(2,6,34)
-
#030a34
#030a34
rgb(3,10,52)
-
#050d47
#050d47
rgb(5,13,71)
-
#061159
#061159
rgb(6,17,89)
-
#07146b
#07146b
rgb(7,20,107)
-
#08177e
#08177e
rgb(8,23,126)
-
#0a1b90
#0a1b90
rgb(10,27,144)
-
#0b1ea3
#0b1ea3
rgb(11,30,163)
-
#0c22b5
#0c22b5
rgb(12,34,181)
-
#0d25c7
#0d25c7
rgb(13,37,199)
-
#0f29da
#0f29da
rgb(15,41,218)
-
#102cec
#102cec
rgb(16,44,236)
-
#1f3af0
#1f3af0
rgb(31,58,240)
-
#324af1
#324af1
rgb(50,74,241)
-
#445bf3
#445bf3
rgb(68,91,243)
-
#576bf4
#576bf4
rgb(87,107,244)
-
#697bf5
#697bf5
rgb(105,123,245)
-
#7b8bf6
#7b8bf6
rgb(123,139,246)
-
#8e9bf7
#8e9bf7
rgb(142,155,247)
-
#a0acf9
#a0acf9
rgb(160,172,249)
-
#b3bcfa
#b3bcfa
rgb(179,188,250)
-
#c5ccfb
#c5ccfb
rgb(197,204,251)
-
#d7dcfc
#d7dcfc
rgb(215,220,252)
-
#eaecfe
#eaecfe
rgb(234,236,254)
-
#fcfcff
#fcfcff
rgb(252,252,255)
Tones of #697bf5
A tone is produced by adding gray to any pure hue. In this case, #adadb1 is the less saturated color, while #6376fb is the most saturated one.
-
#adadb1
#adadb1
rgb(173,173,177)
-
#a7a9b7
#a7a9b7
rgb(167,169,183)
-
#a0a4be
#a0a4be
rgb(160,164,190)
-
#9aa0c4
#9aa0c4
rgb(154,160,196)
-
#949bca
#949bca
rgb(148,155,202)
-
#8e96d0
#8e96d0
rgb(142,150,208)
-
#8892d6
#8892d6
rgb(136,146,214)
-
#828ddc
#828ddc
rgb(130,141,220)
-
#7b89e3
#7b89e3
rgb(123,137,227)
-
#7584e9
#7584e9
rgb(117,132,233)
-
#6f80ef
#6f80ef
rgb(111,128,239)
-
#697bf5
#697bf5
rgb(105,123,245)
-
#6376fb
#6376fb
rgb(99,118,251)
Color Blindness Simulator
Below, you can see how #697bf5 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.