#696ad2 Color Information
In a RGB color space, hex #696ad2 is composed of 41.2% red, 41.6% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 49.5% magenta, 0% yellow and 17.6% black. It has a hue angle of 239.4 degrees, a saturation of 53.8% and a lightness of 61.8%. #696ad2 color hex could be obtained by blending #d2d4ff with #0000a5. Closest websafe color is: #6666cc.
-
- R 41
- G 42
- B 82
-
- C 50
- M 50
- Y 0
- K 18
● #696ad2 color description : Moderate blue.
#696ad2 Color Conversion
The hexadecimal color #696ad2 has RGB values of R:105, G:106, B:210 and CMYK values of C:0.5, M:0.5, Y:0, K:0.18. Its decimal value is 6908626.
Hex triplet | 696ad2 | #696ad2 |
---|---|---|
RGB Decimal | 105, 106, 210 | rgb(105,106,210) |
RGB Percent | 41.2, 41.6, 82.4 | rgb(41.2%,41.6%,82.4%) |
CMYK | 50, 50, 0, 18 | |
HSL | 239.4°, 53.8, 61.8 | hsl(239.4,53.8%,61.8%) |
HSV (or HSB) | 239.4°, 50, 82.4 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 49.452, 27.687, -54.024 |
---|---|
XYZ | 22.61, 17.964, 63.245 |
xyY | 0.218, 0.173, 17.964 |
CIE-LCH | 49.452, 60.706, 297.135 |
CIE-LUV | 49.452, -6.509, -85.359 |
Hunter-Lab | 42.384, 21.053, -58.804 |
Binary | 01101001, 01101010, 11010010 |
Color Schemes with #696ad2
Alternatives to #696ad2
Below, you can see some colors close to #696ad2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#696ad2 Preview
This text has a font color of #696ad2.
<span style="color:#696ad2;">Text here</span>
This paragraph has a background color of #696ad2.
<p style="background-color:#696ad2;">Content here</p>
This element has a border color of #696ad2.
<div style="border:1px solid #696ad2;">Content here</div>
.text {color:#696ad2;}
.background {background-color:#696ad2;}
.border {border:1px solid #696ad2;}
Shades and Tints of #696ad2
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 #f1f1fb is the lightest one.
-
#000001
#000001
rgb(0,0,1)
-
#050510
#050510
rgb(5,5,16)
-
#090a1f
#090a1f
rgb(9,10,31)
-
#0e0e2e
#0e0e2e
rgb(14,14,46)
-
#12133d
#12133d
rgb(18,19,61)
-
#17174c
#17174c
rgb(23,23,76)
-
#1b1c5b
#1b1c5b
rgb(27,28,91)
-
#20216b
#20216b
rgb(32,33,107)
-
#24257a
#24257a
rgb(36,37,122)
-
#292a89
#292a89
rgb(41,42,137)
-
#2e2f98
#2e2f98
rgb(46,47,152)
-
#3233a7
#3233a7
rgb(50,51,167)
-
#3738b6
#3738b6
rgb(55,56,182)
-
#3c3dc4
#3c3dc4
rgb(60,61,196)
-
#4b4cc9
#4b4cc9
rgb(75,76,201)
-
#5a5bcd
#5a5bcd
rgb(90,91,205)
-
#696ad2
#696ad2
rgb(105,106,210)
-
#7879d7
#7879d7
rgb(120,121,215)
-
#8788db
#8788db
rgb(135,136,219)
-
#9697e0
#9697e0
rgb(150,151,224)
-
#a5a6e4
#a5a6e4
rgb(165,166,228)
-
#b4b5e9
#b4b5e9
rgb(180,181,233)
-
#c4c4ed
#c4c4ed
rgb(196,196,237)
-
#d3d3f2
#d3d3f2
rgb(211,211,242)
-
#e2e2f6
#e2e2f6
rgb(226,226,246)
-
#f1f1fb
#f1f1fb
rgb(241,241,251)
Tones of #696ad2
A tone is produced by adding gray to any pure hue. In this case, #9696a5 is the less saturated color, while #3c3eff is the most saturated one.
-
#9696a5
#9696a5
rgb(150,150,165)
-
#8f8fad
#8f8fad
rgb(143,143,173)
-
#8787b4
#8787b4
rgb(135,135,180)
-
#8080bc
#8080bc
rgb(128,128,188)
-
#7879c3
#7879c3
rgb(120,121,195)
-
#7171cb
#7171cb
rgb(113,113,203)
-
#696ad2
#696ad2
rgb(105,106,210)
-
#6263da
#6263da
rgb(98,99,218)
-
#5a5be1
#5a5be1
rgb(90,91,225)
-
#5354e9
#5354e9
rgb(83,84,233)
-
#4b4df0
#4b4df0
rgb(75,77,240)
-
#4445f8
#4445f8
rgb(68,69,248)
-
#3c3eff
#3c3eff
rgb(60,62,255)
Color Blindness Simulator
Below, you can see how #696ad2 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.