#697bb8 Color Information
In a RGB color space, hex #697bb8 is composed of 41.2% red, 48.2% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 42.9% cyan, 33.2% magenta, 0% yellow and 27.8% black. It has a hue angle of 226.3 degrees, a saturation of 35.7% and a lightness of 56.7%. #697bb8 color hex could be obtained by blending #d2f6ff with #000071. Closest websafe color is: #6666cc.
-
- R 41
- G 48
- B 72
-
- C 43
- M 33
- Y 0
- K 28
● #697bb8 color description : Slightly desaturated blue.
#697bb8 Color Conversion
The hexadecimal color #697bb8 has RGB values of R:105, G:123, B:184 and CMYK values of C:0.43, M:0.33, Y:0, K:0.28. Its decimal value is 6912952.
Hex triplet | 697bb8 | #697bb8 |
---|---|---|
RGB Decimal | 105, 123, 184 | rgb(105,123,184) |
RGB Percent | 41.2, 48.2, 72.2 | rgb(41.2%,48.2%,72.2%) |
CMYK | 43, 33, 0, 28 | |
HSL | 226.3°, 35.7, 56.7 | hsl(226.3,35.7%,56.7%) |
HSV (or HSB) | 226.3°, 42.9, 72.2 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 52.541, 9.492, -34.242 |
---|---|
XYZ | 21.559, 20.629, 48.191 |
xyY | 0.239, 0.228, 20.629 |
CIE-LCH | 52.541, 35.533, 285.493 |
CIE-LUV | 52.541, -11.277, -53.232 |
Hunter-Lab | 45.419, 5.242, -31.114 |
Binary | 01101001, 01111011, 10111000 |
Color Schemes with #697bb8
Alternatives to #697bb8
Below, you can see some colors close to #697bb8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#697bb8 Preview
This text has a font color of #697bb8.
<span style="color:#697bb8;">Text here</span>
This paragraph has a background color of #697bb8.
<p style="background-color:#697bb8;">Content here</p>
This element has a border color of #697bb8.
<div style="border:1px solid #697bb8;">Content here</div>
.text {color:#697bb8;}
.background {background-color:#697bb8;}
.border {border:1px solid #697bb8;}
Shades and Tints of #697bb8
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, #05060a is the darkest color, while #fbfcfd is the lightest one.
-
#05060a
#05060a
rgb(5,6,10)
-
#0b0e17
#0b0e17
rgb(11,14,23)
-
#111624
#111624
rgb(17,22,36)
-
#181d32
#181d32
rgb(24,29,50)
-
#1e253f
#1e253f
rgb(30,37,63)
-
#242d4c
#242d4c
rgb(36,45,76)
-
#2a355a
#2a355a
rgb(42,53,90)
-
#313d67
#313d67
rgb(49,61,103)
-
#374574
#374574
rgb(55,69,116)
-
#3d4d82
#3d4d82
rgb(61,77,130)
-
#44558f
#44558f
rgb(68,85,143)
-
#4a5d9c
#4a5d9c
rgb(74,93,156)
-
#5065aa
#5065aa
rgb(80,101,170)
-
#5c6fb2
#5c6fb2
rgb(92,111,178)
-
#697bb8
#697bb8
rgb(105,123,184)
-
#7687be
#7687be
rgb(118,135,190)
-
#8492c5
#8492c5
rgb(132,146,197)
-
#919ecb
#919ecb
rgb(145,158,203)
-
#9eaad1
#9eaad1
rgb(158,170,209)
-
#acb6d8
#acb6d8
rgb(172,182,216)
-
#b9c1de
#b9c1de
rgb(185,193,222)
-
#c6cde4
#c6cde4
rgb(198,205,228)
-
#d4d9ea
#d4d9ea
rgb(212,217,234)
-
#e1e4f1
#e1e4f1
rgb(225,228,241)
-
#eef0f7
#eef0f7
rgb(238,240,247)
-
#fbfcfd
#fbfcfd
rgb(251,252,253)
Tones of #697bb8
A tone is produced by adding gray to any pure hue. In this case, #8b8e96 is the less saturated color, while #2556fc is the most saturated one.
-
#8b8e96
#8b8e96
rgb(139,142,150)
-
#83899f
#83899f
rgb(131,137,159)
-
#7a84a7
#7a84a7
rgb(122,132,167)
-
#7280b0
#7280b0
rgb(114,128,176)
-
#697bb8
#697bb8
rgb(105,123,184)
-
#6176c1
#6176c1
rgb(97,118,193)
-
#5872c9
#5872c9
rgb(88,114,201)
-
#506dd2
#506dd2
rgb(80,109,210)
-
#4768da
#4768da
rgb(71,104,218)
-
#3f64e3
#3f64e3
rgb(63,100,227)
-
#365feb
#365feb
rgb(54,95,235)
-
#2e5bf4
#2e5bf4
rgb(46,91,244)
-
#2556fc
#2556fc
rgb(37,86,252)
Color Blindness Simulator
Below, you can see how #697bb8 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.