#696bff Color Information
In a RGB color space, hex #696bff is composed of 41.2% red, 42% green and 100% blue. Whereas in a CMYK color space, it is composed of 58.8% cyan, 58% magenta, 0% yellow and 0% black. It has a hue angle of 239.2 degrees, a saturation of 100% and a lightness of 70.6%. #696bff color hex could be obtained by blending #d2d6ff with #0000ff. Closest websafe color is: #6666ff.
-
- R 41
- G 42
- B 100
-
- C 59
- M 58
- Y 0
- K 0
● #696bff color description : Very light blue.
#696bff Color Conversion
The hexadecimal color #696bff has RGB values of R:105, G:107, B:255 and CMYK values of C:0.59, M:0.58, Y:0, K:0. Its decimal value is 6908927.
Hex triplet | 696bff | #696bff |
---|---|---|
RGB Decimal | 105, 107, 255 | rgb(105,107,255) |
RGB Percent | 41.2, 42, 100 | rgb(41.2%,42%,100%) |
CMYK | 59, 58, 0, 0 | |
HSL | 239.2°, 100, 70.6 | hsl(239.2,100%,70.6%) |
HSV (or HSB) | 239.2°, 58.8, 100 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 52.661, 41.157, -74.108 |
---|---|
XYZ | 29.13, 20.737, 97.07 |
xyY | 0.198, 0.141, 20.737 |
CIE-LCH | 52.661, 84.769, 299.046 |
CIE-LUV | 52.661, -9.104, -118.26 |
Hunter-Lab | 45.538, 34.49, -94.506 |
Binary | 01101001, 01101011, 11111111 |
Color Schemes with #696bff
Alternatives to #696bff
Below, you can see some colors close to #696bff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#696bff Preview
This text has a font color of #696bff.
<span style="color:#696bff;">Text here</span>
This paragraph has a background color of #696bff.
<p style="background-color:#696bff;">Content here</p>
This element has a border color of #696bff.
<div style="border:1px solid #696bff;">Content here</div>
.text {color:#696bff;}
.background {background-color:#696bff;}
.border {border:1px solid #696bff;}
Shades and Tints of #696bff
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 #f2f2ff is the lightest one.
-
#000007
#000007
rgb(0,0,7)
-
#00001b
#00001b
rgb(0,0,27)
-
#00012e
#00012e
rgb(0,1,46)
-
#000142
#000142
rgb(0,1,66)
-
#000155
#000155
rgb(0,1,85)
-
#000169
#000169
rgb(0,1,105)
-
#00027d
#00027d
rgb(0,2,125)
-
#000290
#000290
rgb(0,2,144)
-
#0002a4
#0002a4
rgb(0,2,164)
-
#0002b7
#0002b7
rgb(0,2,183)
-
#0003cb
#0003cb
rgb(0,3,203)
-
#0003df
#0003df
rgb(0,3,223)
-
#0003f2
#0003f2
rgb(0,3,242)
-
#070aff
#070aff
rgb(7,10,255)
-
#1b1eff
#1b1eff
rgb(27,30,255)
-
#2e31ff
#2e31ff
rgb(46,49,255)
-
#4244ff
#4244ff
rgb(66,68,255)
-
#5558ff
#5558ff
rgb(85,88,255)
-
#696bff
#696bff
rgb(105,107,255)
-
#7d7eff
#7d7eff
rgb(125,126,255)
-
#9092ff
#9092ff
rgb(144,146,255)
-
#a4a5ff
#a4a5ff
rgb(164,165,255)
-
#b7b8ff
#b7b8ff
rgb(183,184,255)
-
#cbccff
#cbccff
rgb(203,204,255)
-
#dfdfff
#dfdfff
rgb(223,223,255)
-
#f2f2ff
#f2f2ff
rgb(242,242,255)
Tones of #696bff
A tone is produced by adding gray to any pure hue. In this case, #aeaeba is the less saturated color, while #696bff 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)
-
#9192d7
#9192d7
rgb(145,146,215)
-
#8c8ddc
#8c8ddc
rgb(140,141,220)
-
#8687e2
#8687e2
rgb(134,135,226)
-
#8081e8
#8081e8
rgb(128,129,232)
-
#7a7cee
#7a7cee
rgb(122,124,238)
-
#7576f3
#7576f3
rgb(117,118,243)
-
#6f71f9
#6f71f9
rgb(111,113,249)
-
#696bff
#696bff
rgb(105,107,255)
Color Blindness Simulator
Below, you can see how #696bff 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.