#696cff Color Information
In a RGB color space, hex #696cff is composed of 41.2% red, 42.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 58.8% cyan, 57.6% magenta, 0% yellow and 0% black. It has a hue angle of 238.8 degrees, a saturation of 100% and a lightness of 70.6%. #696cff color hex could be obtained by blending #d2d8ff with #0000ff. Closest websafe color is: #6666ff.
-
- R 41
- G 42
- B 100
-
- C 59
- M 58
- Y 0
- K 0
● #696cff color description : Very light blue.
#696cff Color Conversion
The hexadecimal color #696cff has RGB values of R:105, G:108, B:255 and CMYK values of C:0.59, M:0.58, Y:0, K:0. Its decimal value is 6909183.
Hex triplet | 696cff | #696cff |
---|---|---|
RGB Decimal | 105, 108, 255 | rgb(105,108,255) |
RGB Percent | 41.2, 42.4, 100 | rgb(41.2%,42.4%,100%) |
CMYK | 59, 58, 0, 0 | |
HSL | 238.8°, 100, 70.6 | hsl(238.8,100%,70.6%) |
HSV (or HSB) | 238.8°, 58.8, 100 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 52.892, 40.566, -73.733 |
---|---|
XYZ | 29.235, 20.947, 97.105 |
xyY | 0.198, 0.142, 20.947 |
CIE-LCH | 52.892, 84.156, 298.819 |
CIE-LUV | 52.892, -9.361, -117.808 |
Hunter-Lab | 45.768, 33.924, -93.757 |
Binary | 01101001, 01101100, 11111111 |
Color Schemes with #696cff
Alternatives to #696cff
Below, you can see some colors close to #696cff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#696cff Preview
This text has a font color of #696cff.
<span style="color:#696cff;">Text here</span>
This paragraph has a background color of #696cff.
<p style="background-color:#696cff;">Content here</p>
This element has a border color of #696cff.
<div style="border:1px solid #696cff;">Content here</div>
.text {color:#696cff;}
.background {background-color:#696cff;}
.border {border:1px solid #696cff;}
Shades and Tints of #696cff
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, #000007 is the darkest color, while #f2f3ff is the lightest one.
-
#000007
#000007
rgb(0,0,7)
-
#00011b
#00011b
rgb(0,1,27)
-
#00012e
#00012e
rgb(0,1,46)
-
#000142
#000142
rgb(0,1,66)
-
#000255
#000255
rgb(0,2,85)
-
#000269
#000269
rgb(0,2,105)
-
#00027d
#00027d
rgb(0,2,125)
-
#000390
#000390
rgb(0,3,144)
-
#0003a4
#0003a4
rgb(0,3,164)
-
#0004b7
#0004b7
rgb(0,4,183)
-
#0004cb
#0004cb
rgb(0,4,203)
-
#0004df
#0004df
rgb(0,4,223)
-
#0005f2
#0005f2
rgb(0,5,242)
-
#070cff
#070cff
rgb(7,12,255)
-
#1b1fff
#1b1fff
rgb(27,31,255)
-
#2e32ff
#2e32ff
rgb(46,50,255)
-
#4246ff
#4246ff
rgb(66,70,255)
-
#5559ff
#5559ff
rgb(85,89,255)
-
#696cff
#696cff
rgb(105,108,255)
-
#7d7fff
#7d7fff
rgb(125,127,255)
-
#9092ff
#9092ff
rgb(144,146,255)
-
#a4a6ff
#a4a6ff
rgb(164,166,255)
-
#b7b9ff
#b7b9ff
rgb(183,185,255)
-
#cbccff
#cbccff
rgb(203,204,255)
-
#dfdfff
#dfdfff
rgb(223,223,255)
-
#f2f3ff
#f2f3ff
rgb(242,243,255)
Tones of #696cff
A tone is produced by adding gray to any pure hue. In this case, #aeaeba is the less saturated color, while #696cff is the most saturated one.
-
#aeaeba
#aeaeba
rgb(174,174,186)
-
#a8a9c0
#a8a9c0
rgb(168,169,192)
-
#a3a3c5
#a3a3c5
rgb(163,163,197)
-
#9d9ecb
#9d9ecb
rgb(157,158,203)
-
#9798d1
#9798d1
rgb(151,152,209)
-
#9193d7
#9193d7
rgb(145,147,215)
-
#8c8ddc
#8c8ddc
rgb(140,141,220)
-
#8688e2
#8688e2
rgb(134,136,226)
-
#8082e8
#8082e8
rgb(128,130,232)
-
#7a7dee
#7a7dee
rgb(122,125,238)
-
#7577f3
#7577f3
rgb(117,119,243)
-
#6f72f9
#6f72f9
rgb(111,114,249)
-
#696cff
#696cff
rgb(105,108,255)
Color Blindness Simulator
Below, you can see how #696cff 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.