#6caafd Color Information
In a RGB color space, hex #6caafd is composed of 42.4% red, 66.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 57.3% cyan, 32.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 214.3 degrees, a saturation of 97.3% and a lightness of 70.8%. #6caafd color hex could be obtained by blending #d8ffff with #0055fb. Closest websafe color is: #6699ff.
-
- R 42
- G 67
- B 99
-
- C 57
- M 33
- Y 0
- K 1
● #6caafd color description : Soft blue.
#6caafd Color Conversion
The hexadecimal color #6caafd has RGB values of R:108, G:170, B:253 and CMYK values of C:0.57, M:0.33, Y:0, K:0.01. Its decimal value is 7121661.
Hex triplet | 6caafd | #6caafd |
---|---|---|
RGB Decimal | 108, 170, 253 | rgb(108,170,253) |
RGB Percent | 42.4, 66.7, 99.2 | rgb(42.4%,66.7%,99.2%) |
CMYK | 57, 33, 0, 1 | |
HSL | 214.3°, 97.3, 70.8 | hsl(214.3,97.3%,70.8%) |
HSV (or HSB) | 214.3°, 57.3, 99.2 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 68.771, 3.868, -47.232 |
---|---|
XYZ | 38.285, 39.027, 98.439 |
xyY | 0.218, 0.222, 39.027 |
CIE-LCH | 68.771, 47.39, 274.682 |
CIE-LUV | 68.771, -27.898, -77.008 |
Hunter-Lab | 62.472, 0.065, -49.695 |
Binary | 01101100, 10101010, 11111101 |
Color Schemes with #6caafd
Alternatives to #6caafd
Below, you can see some colors close to #6caafd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#6caafd Preview
This text has a font color of #6caafd.
<span style="color:#6caafd;">Text here</span>
This paragraph has a background color of #6caafd.
<p style="background-color:#6caafd;">Content here</p>
This element has a border color of #6caafd.
<div style="border:1px solid #6caafd;">Content here</div>
.text {color:#6caafd;}
.background {background-color:#6caafd;}
.border {border:1px solid #6caafd;}
Shades and Tints of #6caafd
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, #000308 is the darkest color, while #f3f8ff is the lightest one.
-
#000308
#000308
rgb(0,3,8)
-
#000c1b
#000c1b
rgb(0,12,27)
-
#01142f
#01142f
rgb(1,20,47)
-
#011d42
#011d42
rgb(1,29,66)
-
#012555
#012555
rgb(1,37,85)
-
#012e69
#012e69
rgb(1,46,105)
-
#02367c
#02367c
rgb(2,54,124)
-
#023e8f
#023e8f
rgb(2,62,143)
-
#0247a3
#0247a3
rgb(2,71,163)
-
#024fb6
#024fb6
rgb(2,79,182)
-
#0358c9
#0358c9
rgb(3,88,201)
-
#0360dd
#0360dd
rgb(3,96,221)
-
#0369f0
#0369f0
rgb(3,105,240)
-
#0b72fc
#0b72fc
rgb(11,114,252)
-
#1f7dfc
#1f7dfc
rgb(31,125,252)
-
#3288fc
#3288fc
rgb(50,136,252)
-
#4594fc
#4594fc
rgb(69,148,252)
-
#599ffd
#599ffd
rgb(89,159,253)
-
#6caafd
#6caafd
rgb(108,170,253)
-
#7fb5fd
#7fb5fd
rgb(127,181,253)
-
#93c0fe
#93c0fe
rgb(147,192,254)
-
#a6ccfe
#a6ccfe
rgb(166,204,254)
-
#b9d7fe
#b9d7fe
rgb(185,215,254)
-
#cde2fe
#cde2fe
rgb(205,226,254)
-
#e0edff
#e0edff
rgb(224,237,255)
-
#f3f8ff
#f3f8ff
rgb(243,248,255)
Tones of #6caafd
A tone is produced by adding gray to any pure hue. In this case, #b1b4b8 is the less saturated color, while #6caafd is the most saturated one.
-
#b1b4b8
#b1b4b8
rgb(177,180,184)
-
#abb3be
#abb3be
rgb(171,179,190)
-
#a5b2c4
#a5b2c4
rgb(165,178,196)
-
#a0b1c9
#a0b1c9
rgb(160,177,201)
-
#9ab1cf
#9ab1cf
rgb(154,177,207)
-
#94b0d5
#94b0d5
rgb(148,176,213)
-
#8eafdb
#8eafdb
rgb(142,175,219)
-
#89aee0
#89aee0
rgb(137,174,224)
-
#83ade6
#83ade6
rgb(131,173,230)
-
#7dacec
#7dacec
rgb(125,172,236)
-
#77acf2
#77acf2
rgb(119,172,242)
-
#72abf7
#72abf7
rgb(114,171,247)
-
#6caafd
#6caafd
rgb(108,170,253)
Color Blindness Simulator
Below, you can see how #6caafd 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.