#696be3 Color Information
In a RGB color space, hex #696be3 is composed of 41.2% red, 42% green and 89% blue. Whereas in a CMYK color space, it is composed of 53.7% cyan, 52.9% magenta, 0% yellow and 11% black. It has a hue angle of 239 degrees, a saturation of 68.5% and a lightness of 65.1%. #696be3 color hex could be obtained by blending #d2d6ff with #0000c7. Closest websafe color is: #6666cc.
-
- R 41
- G 42
- B 89
-
- C 54
- M 53
- Y 0
- K 11
● #696be3 color description : Soft blue.
#696be3 Color Conversion
The hexadecimal color #696be3 has RGB values of R:105, G:107, B:227 and CMYK values of C:0.54, M:0.53, Y:0, K:0.11. Its decimal value is 6908899.
Hex triplet | 696be3 | #696be3 |
---|---|---|
RGB Decimal | 105, 107, 227 | rgb(105,107,227) |
RGB Percent | 41.2, 42, 89 | rgb(41.2%,42%,89%) |
CMYK | 54, 53, 0, 11 | |
HSL | 239°, 68.5, 65.1 | hsl(239,68.5%,65.1%) |
HSV (or HSB) | 239°, 53.7, 89 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 50.762, 32.361, -61.55 |
---|---|
XYZ | 24.946, 19.064, 75.034 |
xyY | 0.21, 0.16, 19.064 |
CIE-LCH | 50.762, 69.539, 297.734 |
CIE-LUV | 50.762, -7.707, -97.823 |
Hunter-Lab | 43.662, 25.575, -71.327 |
Binary | 01101001, 01101011, 11100011 |
Color Schemes with #696be3
Alternatives to #696be3
Below, you can see some colors close to #696be3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#696be3 Preview
This text has a font color of #696be3.
<span style="color:#696be3;">Text here</span>
This paragraph has a background color of #696be3.
<p style="background-color:#696be3;">Content here</p>
This element has a border color of #696be3.
<div style="border:1px solid #696be3;">Content here</div>
.text {color:#696be3;}
.background {background-color:#696be3;}
.border {border:1px solid #696be3;}
Shades and Tints of #696be3
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)
-
#090a30
#090a30
rgb(9,10,48)
-
#0c0d41
#0c0d41
rgb(12,13,65)
-
#0f1051
#0f1051
rgb(15,16,81)
-
#121462
#121462
rgb(18,20,98)
-
#151772
#151772
rgb(21,23,114)
-
#181a83
#181a83
rgb(24,26,131)
-
#1c1e94
#1c1e94
rgb(28,30,148)
-
#1f21a4
#1f21a4
rgb(31,33,164)
-
#2224b5
#2224b5
rgb(34,36,181)
-
#2527c5
#2527c5
rgb(37,39,197)
-
#282bd6
#282bd6
rgb(40,43,214)
-
#373ada
#373ada
rgb(55,58,218)
-
#484add
#484add
rgb(72,74,221)
-
#585be0
#585be0
rgb(88,91,224)
-
#696be3
#696be3
rgb(105,107,227)
-
#7a7be6
#7a7be6
rgb(122,123,230)
-
#8a8ce9
#8a8ce9
rgb(138,140,233)
-
#9b9cec
#9b9cec
rgb(155,156,236)
-
#abacef
#abacef
rgb(171,172,239)
-
#bcbdf2
#bcbdf2
rgb(188,189,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 #696be3
A tone is produced by adding gray to any pure hue. In this case, #a0a0ac is the less saturated color, while #4e51fe is the most saturated one.
-
#a0a0ac
#a0a0ac
rgb(160,160,172)
-
#9999b3
#9999b3
rgb(153,153,179)
-
#9293ba
#9293ba
rgb(146,147,186)
-
#8b8cc1
#8b8cc1
rgb(139,140,193)
-
#8485c8
#8485c8
rgb(132,133,200)
-
#7e7fce
#7e7fce
rgb(126,127,206)
-
#7778d5
#7778d5
rgb(119,120,213)
-
#7072dc
#7072dc
rgb(112,114,220)
-
#696be3
#696be3
rgb(105,107,227)
-
#6264ea
#6264ea
rgb(98,100,234)
-
#5b5ef1
#5b5ef1
rgb(91,94,241)
-
#5457f8
#5457f8
rgb(84,87,248)
-
#4e51fe
#4e51fe
rgb(78,81,254)
Color Blindness Simulator
Below, you can see how #696be3 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.