#696ae3 Color Information
In a RGB color space, hex #696ae3 is composed of 41.2% red, 41.6% green and 89% blue. Whereas in a CMYK color space, it is composed of 53.7% cyan, 53.3% magenta, 0% yellow and 11% black. It has a hue angle of 239.5 degrees, a saturation of 68.5% and a lightness of 65.1%. #696ae3 color hex could be obtained by blending #d2d4ff with #0000c7. Closest websafe color is: #6666cc.
-
- R 41
- G 42
- B 89
-
- C 54
- M 53
- Y 0
- K 11
● #696ae3 color description : Soft blue.
#696ae3 Color Conversion
The hexadecimal color #696ae3 has RGB values of R:105, G:106, B:227 and CMYK values of C:0.54, M:0.53, Y:0, K:0.11. Its decimal value is 6908643.
Hex triplet | 696ae3 | #696ae3 |
---|---|---|
RGB Decimal | 105, 106, 227 | rgb(105,106,227) |
RGB Percent | 41.2, 41.6, 89 | rgb(41.2%,41.6%,89%) |
CMYK | 54, 53, 0, 11 | |
HSL | 239.5°, 68.5, 65.1 | hsl(239.5,68.5%,65.1%) |
HSV (or HSB) | 239.5°, 53.7, 89 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 50.519, 32.964, -61.942 |
---|---|
XYZ | 24.842, 18.856, 74.999 |
xyY | 0.209, 0.159, 18.856 |
CIE-LCH | 50.519, 70.167, 298.021 |
CIE-LUV | 50.519, -7.42, -98.346 |
Hunter-Lab | 43.424, 26.125, -72.005 |
Binary | 01101001, 01101010, 11100011 |
Color Schemes with #696ae3
Alternatives to #696ae3
Below, you can see some colors close to #696ae3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#696ae3 Preview
This text has a font color of #696ae3.
<span style="color:#696ae3;">Text here</span>
This paragraph has a background color of #696ae3.
<p style="background-color:#696ae3;">Content here</p>
This element has a border color of #696ae3.
<div style="border:1px solid #696ae3;">Content here</div>
.text {color:#696ae3;}
.background {background-color:#696ae3;}
.border {border:1px solid #696ae3;}
Shades and Tints of #696ae3
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, #03030f is the darkest color, while #fefeff is the lightest one.
-
#03030f
#03030f
rgb(3,3,15)
-
#060620
#060620
rgb(6,6,32)
-
#090930
#090930
rgb(9,9,48)
-
#0c0d41
#0c0d41
rgb(12,13,65)
-
#0f1051
#0f1051
rgb(15,16,81)
-
#121362
#121362
rgb(18,19,98)
-
#151672
#151672
rgb(21,22,114)
-
#181983
#181983
rgb(24,25,131)
-
#1c1d94
#1c1d94
rgb(28,29,148)
-
#1f20a4
#1f20a4
rgb(31,32,164)
-
#2223b5
#2223b5
rgb(34,35,181)
-
#2526c5
#2526c5
rgb(37,38,197)
-
#2829d6
#2829d6
rgb(40,41,214)
-
#3739da
#3739da
rgb(55,57,218)
-
#4849dd
#4849dd
rgb(72,73,221)
-
#585ae0
#585ae0
rgb(88,90,224)
-
#696ae3
#696ae3
rgb(105,106,227)
-
#7a7ae6
#7a7ae6
rgb(122,122,230)
-
#8a8be9
#8a8be9
rgb(138,139,233)
-
#9b9bec
#9b9bec
rgb(155,155,236)
-
#abacef
#abacef
rgb(171,172,239)
-
#bcbcf2
#bcbcf2
rgb(188,188,242)
-
#cccdf6
#cccdf6
rgb(204,205,246)
-
#ddddf9
#ddddf9
rgb(221,221,249)
-
#ededfc
#ededfc
rgb(237,237,252)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #696ae3
A tone is produced by adding gray to any pure hue. In this case, #a0a0ac is the less saturated color, while #4e4ffe is the most saturated one.
-
#a0a0ac
#a0a0ac
rgb(160,160,172)
-
#9999b3
#9999b3
rgb(153,153,179)
-
#9292ba
#9292ba
rgb(146,146,186)
-
#8b8cc1
#8b8cc1
rgb(139,140,193)
-
#8485c8
#8485c8
rgb(132,133,200)
-
#7e7ece
#7e7ece
rgb(126,126,206)
-
#7777d5
#7777d5
rgb(119,119,213)
-
#7071dc
#7071dc
rgb(112,113,220)
-
#696ae3
#696ae3
rgb(105,106,227)
-
#6263ea
#6263ea
rgb(98,99,234)
-
#5b5df1
#5b5df1
rgb(91,93,241)
-
#5456f8
#5456f8
rgb(84,86,248)
-
#4e4ffe
#4e4ffe
rgb(78,79,254)
Color Blindness Simulator
Below, you can see how #696ae3 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.