#696cfc Color Information
In a RGB color space, hex #696cfc is composed of 41.2% red, 42.4% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 58.3% cyan, 57.1% magenta, 0% yellow and 1.2% black. It has a hue angle of 238.8 degrees, a saturation of 96.1% and a lightness of 70%. #696cfc color hex could be obtained by blending #d2d8ff with #0000f9. Closest websafe color is: #6666ff.
-
- R 41
- G 42
- B 99
-
- C 58
- M 57
- Y 0
- K 1
● #696cfc color description : Soft blue.
#696cfc Color Conversion
The hexadecimal color #696cfc has RGB values of R:105, G:108, B:252 and CMYK values of C:0.58, M:0.57, Y:0, K:0.01. Its decimal value is 6909180.
Hex triplet | 696cfc | #696cfc |
---|---|---|
RGB Decimal | 105, 108, 252 | rgb(105,108,252) |
RGB Percent | 41.2, 42.4, 98.8 | rgb(41.2%,42.4%,98.8%) |
CMYK | 58, 57, 0, 1 | |
HSL | 238.8°, 96.1, 70 | hsl(238.8,96.1%,70%) |
HSV (or HSB) | 238.8°, 58.3, 98.8 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 52.681, 39.62, -72.414 |
---|---|
XYZ | 28.755, 20.755, 94.581 |
xyY | 0.2, 0.144, 20.755 |
CIE-LCH | 52.681, 82.544, 298.685 |
CIE-LUV | 52.681, -9.218, -115.67 |
Hunter-Lab | 45.558, 32.939, -91.198 |
Binary | 01101001, 01101100, 11111100 |
Color Schemes with #696cfc
Alternatives to #696cfc
Below, you can see some colors close to #696cfc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#696cfc Preview
This text has a font color of #696cfc.
<span style="color:#696cfc;">Text here</span>
This paragraph has a background color of #696cfc.
<p style="background-color:#696cfc;">Content here</p>
This element has a border color of #696cfc.
<div style="border:1px solid #696cfc;">Content here</div>
.text {color:#696cfc;}
.background {background-color:#696cfc;}
.border {border:1px solid #696cfc;}
Shades and Tints of #696cfc
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, #000004 is the darkest color, while #f0f0ff is the lightest one.
-
#000004
#000004
rgb(0,0,4)
-
#000117
#000117
rgb(0,1,23)
-
#01022a
#01022a
rgb(1,2,42)
-
#01023e
#01023e
rgb(1,2,62)
-
#020351
#020351
rgb(2,3,81)
-
#020464
#020464
rgb(2,4,100)
-
#020577
#020577
rgb(2,5,119)
-
#03068a
#03068a
rgb(3,6,138)
-
#03069e
#03069e
rgb(3,6,158)
-
#0407b1
#0407b1
rgb(4,7,177)
-
#0408c4
#0408c4
rgb(4,8,196)
-
#0409d7
#0409d7
rgb(4,9,215)
-
#0509eb
#0509eb
rgb(5,9,235)
-
#090efa
#090efa
rgb(9,14,250)
-
#1c21fa
#1c21fa
rgb(28,33,250)
-
#2f33fb
#2f33fb
rgb(47,51,251)
-
#4346fb
#4346fb
rgb(67,70,251)
-
#5659fc
#5659fc
rgb(86,89,252)
-
#696cfc
#696cfc
rgb(105,108,252)
-
#7c7ffc
#7c7ffc
rgb(124,127,252)
-
#8f92fd
#8f92fd
rgb(143,146,253)
-
#a3a5fd
#a3a5fd
rgb(163,165,253)
-
#b6b7fe
#b6b7fe
rgb(182,183,254)
-
#c9cafe
#c9cafe
rgb(201,202,254)
-
#dcddfe
#dcddfe
rgb(220,221,254)
-
#f0f0ff
#f0f0ff
rgb(240,240,255)
Tones of #696cfc
A tone is produced by adding gray to any pure hue. In this case, #b0b0b5 is the less saturated color, while #696cfc is the most saturated one.
-
#b0b0b5
#b0b0b5
rgb(176,176,181)
-
#aaaabb
#aaaabb
rgb(170,170,187)
-
#a4a4c1
#a4a4c1
rgb(164,164,193)
-
#9e9fc7
#9e9fc7
rgb(158,159,199)
-
#9899cd
#9899cd
rgb(152,153,205)
-
#9294d3
#9294d3
rgb(146,148,211)
-
#8c8ed9
#8c8ed9
rgb(140,142,217)
-
#8688df
#8688df
rgb(134,136,223)
-
#8183e4
#8183e4
rgb(129,131,228)
-
#7b7dea
#7b7dea
rgb(123,125,234)
-
#7577f0
#7577f0
rgb(117,119,240)
-
#6f72f6
#6f72f6
rgb(111,114,246)
-
#696cfc
#696cfc
rgb(105,108,252)
Color Blindness Simulator
Below, you can see how #696cfc 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.