#696ed0 Color Information
In a RGB color space, hex #696ed0 is composed of 41.2% red, 43.1% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 49.5% cyan, 47.1% magenta, 0% yellow and 18.4% black. It has a hue angle of 237.1 degrees, a saturation of 52.3% and a lightness of 61.4%. #696ed0 color hex could be obtained by blending #d2dcff with #0000a1. Closest websafe color is: #6666cc.
-
- R 41
- G 43
- B 82
-
- C 50
- M 47
- Y 0
- K 18
● #696ed0 color description : Slightly desaturated blue.
#696ed0 Color Conversion
The hexadecimal color #696ed0 has RGB values of R:105, G:110, B:208 and CMYK values of C:0.5, M:0.47, Y:0, K:0.18. Its decimal value is 6909648.
Hex triplet | 696ed0 | #696ed0 |
---|---|---|
RGB Decimal | 105, 110, 208 | rgb(105,110,208) |
RGB Percent | 41.2, 43.1, 81.6 | rgb(41.2%,43.1%,81.6%) |
CMYK | 50, 47, 0, 18 | |
HSL | 237.1°, 52.3, 61.4 | hsl(237.1,52.3%,61.4%) |
HSV (or HSB) | 237.1°, 49.5, 81.6 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 50.344, 24.635, -51.456 |
---|---|
XYZ | 22.785, 18.708, 62.082 |
xyY | 0.22, 0.181, 18.708 |
CIE-LCH | 50.344, 57.049, 295.583 |
CIE-LUV | 50.344, -7.666, -81.463 |
Hunter-Lab | 43.253, 18.335, -54.822 |
Binary | 01101001, 01101110, 11010000 |
Color Schemes with #696ed0
Alternatives to #696ed0
Below, you can see some colors close to #696ed0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#696ed0 Preview
This text has a font color of #696ed0.
<span style="color:#696ed0;">Text here</span>
This paragraph has a background color of #696ed0.
<p style="background-color:#696ed0;">Content here</p>
This element has a border color of #696ed0.
<div style="border:1px solid #696ed0;">Content here</div>
.text {color:#696ed0;}
.background {background-color:#696ed0;}
.border {border:1px solid #696ed0;}
Shades and Tints of #696ed0
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, #04050e is the darkest color, while #fefeff is the lightest one.
-
#04050e
#04050e
rgb(4,5,14)
-
#090a1d
#090a1d
rgb(9,10,29)
-
#0e0f2c
#0e0f2c
rgb(14,15,44)
-
#13143b
#13143b
rgb(19,20,59)
-
#171a4a
#171a4a
rgb(23,26,74)
-
#1c1f59
#1c1f59
rgb(28,31,89)
-
#212468
#212468
rgb(33,36,104)
-
#252977
#252977
rgb(37,41,119)
-
#2a2e86
#2a2e86
rgb(42,46,134)
-
#2f3495
#2f3495
rgb(47,52,149)
-
#3339a4
#3339a4
rgb(51,57,164)
-
#383eb3
#383eb3
rgb(56,62,179)
-
#3d43c2
#3d43c2
rgb(61,67,194)
-
#4b51c7
#4b51c7
rgb(75,81,199)
-
#5a60cb
#5a60cb
rgb(90,96,203)
-
#696ed0
#696ed0
rgb(105,110,208)
-
#787cd5
#787cd5
rgb(120,124,213)
-
#878bd9
#878bd9
rgb(135,139,217)
-
#9699de
#9699de
rgb(150,153,222)
-
#a5a8e3
#a5a8e3
rgb(165,168,227)
-
#b4b6e7
#b4b6e7
rgb(180,182,231)
-
#c3c5ec
#c3c5ec
rgb(195,197,236)
-
#d2d3f1
#d2d3f1
rgb(210,211,241)
-
#e0e2f5
#e0e2f5
rgb(224,226,245)
-
#eff0fa
#eff0fa
rgb(239,240,250)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #696ed0
A tone is produced by adding gray to any pure hue. In this case, #9697a3 is the less saturated color, while #3c45fd is the most saturated one.
-
#9697a3
#9697a3
rgb(150,151,163)
-
#8f90aa
#8f90aa
rgb(143,144,170)
-
#8789b2
#8789b2
rgb(135,137,178)
-
#8083b9
#8083b9
rgb(128,131,185)
-
#787cc1
#787cc1
rgb(120,124,193)
-
#7175c8
#7175c8
rgb(113,117,200)
-
#696ed0
#696ed0
rgb(105,110,208)
-
#6167d8
#6167d8
rgb(97,103,216)
-
#5a60df
#5a60df
rgb(90,96,223)
-
#5259e7
#5259e7
rgb(82,89,231)
-
#4b53ee
#4b53ee
rgb(75,83,238)
-
#434cf6
#434cf6
rgb(67,76,246)
-
#3c45fd
#3c45fd
rgb(60,69,253)
Color Blindness Simulator
Below, you can see how #696ed0 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.