#697699 Color Information
In a RGB color space, hex #697699 is composed of 41.2% red, 46.3% green and 60% blue. Whereas in a CMYK color space, it is composed of 31.4% cyan, 22.9% magenta, 0% yellow and 40% black. It has a hue angle of 223.8 degrees, a saturation of 19% and a lightness of 50.6%. #697699 color hex could be obtained by blending #d2ecff with #000033. Closest websafe color is: #666699.
-
- R 41
- G 46
- B 60
-
- C 31
- M 23
- Y 0
- K 40
● #697699 color description : Mostly desaturated dark blue.
#697699 Color Conversion
The hexadecimal color #697699 has RGB values of R:105, G:118, B:153 and CMYK values of C:0.31, M:0.23, Y:0, K:0.4. Its decimal value is 6911641.
Hex triplet | 697699 | #697699 |
---|---|---|
RGB Decimal | 105, 118, 153 | rgb(105,118,153) |
RGB Percent | 41.2, 46.3, 60 | rgb(41.2%,46.3%,60%) |
CMYK | 31, 23, 0, 40 | |
HSL | 223.8°, 19, 50.6 | hsl(223.8,19%,50.6%) |
HSV (or HSB) | 223.8°, 31.4, 60 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 49.809, 3.75, -20.482 |
---|---|
XYZ | 18.053, 18.26, 32.709 |
xyY | 0.262, 0.265, 18.26 |
CIE-LCH | 49.809, 20.822, 280.376 |
CIE-LUV | 49.809, -8.235, -30.459 |
Hunter-Lab | 42.731, 0.631, -15.472 |
Binary | 01101001, 01110110, 10011001 |
Color Schemes with #697699
Alternatives to #697699
Below, you can see some colors close to #697699. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#697699 Preview
This text has a font color of #697699.
<span style="color:#697699;">Text here</span>
This paragraph has a background color of #697699.
<p style="background-color:#697699;">Content here</p>
This element has a border color of #697699.
<div style="border:1px solid #697699;">Content here</div>
.text {color:#697699;}
.background {background-color:#697699;}
.border {border:1px solid #697699;}
Shades and Tints of #697699
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, #010102 is the darkest color, while #f5f6f8 is the lightest one.
-
#010102
#010102
rgb(1,1,2)
-
#090a0d
#090a0d
rgb(9,10,13)
-
#111319
#111319
rgb(17,19,25)
-
#191c25
#191c25
rgb(25,28,37)
-
#212530
#212530
rgb(33,37,48)
-
#292e3c
#292e3c
rgb(41,46,60)
-
#313748
#313748
rgb(49,55,72)
-
#394054
#394054
rgb(57,64,84)
-
#41495f
#41495f
rgb(65,73,95)
-
#49526b
#49526b
rgb(73,82,107)
-
#515b77
#515b77
rgb(81,91,119)
-
#596482
#596482
rgb(89,100,130)
-
#606d8e
#606d8e
rgb(96,109,142)
-
#697699
#697699
rgb(105,118,153)
-
#7581a1
#7581a1
rgb(117,129,161)
-
#808ba9
#808ba9
rgb(128,139,169)
-
#8c96b1
#8c96b1
rgb(140,150,177)
-
#98a1b9
#98a1b9
rgb(152,161,185)
-
#a3abc1
#a3abc1
rgb(163,171,193)
-
#afb6c9
#afb6c9
rgb(175,182,201)
-
#bbc1d1
#bbc1d1
rgb(187,193,209)
-
#c6cbd9
#c6cbd9
rgb(198,203,217)
-
#d2d6e0
#d2d6e0
rgb(210,214,224)
-
#dee1e8
#dee1e8
rgb(222,225,232)
-
#e9ebf0
#e9ebf0
rgb(233,235,240)
-
#f5f6f8
#f5f6f8
rgb(245,246,248)
Tones of #697699
A tone is produced by adding gray to any pure hue. In this case, #7c7f86 is the less saturated color, while #084afa is the most saturated one.
-
#7c7f86
#7c7f86
rgb(124,127,134)
-
#737a8f
#737a8f
rgb(115,122,143)
-
#697699
#697699
rgb(105,118,153)
-
#5f72a3
#5f72a3
rgb(95,114,163)
-
#566dac
#566dac
rgb(86,109,172)
-
#4c69b6
#4c69b6
rgb(76,105,182)
-
#4264c0
#4264c0
rgb(66,100,192)
-
#3960c9
#3960c9
rgb(57,96,201)
-
#2f5bd3
#2f5bd3
rgb(47,91,211)
-
#2557dd
#2557dd
rgb(37,87,221)
-
#1b52e7
#1b52e7
rgb(27,82,231)
-
#124ef0
#124ef0
rgb(18,78,240)
-
#084afa
#084afa
rgb(8,74,250)
Color Blindness Simulator
Below, you can see how #697699 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.