#6ca2f9 Color Information
In a RGB color space, hex #6ca2f9 is composed of 42.4% red, 63.5% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 56.6% cyan, 34.9% magenta, 0% yellow and 2.4% black. It has a hue angle of 217 degrees, a saturation of 92.2% and a lightness of 70%. #6ca2f9 color hex could be obtained by blending #d8ffff with #0045f3. Closest websafe color is: #6699ff.
-
- R 42
- G 64
- B 98
-
- C 57
- M 35
- Y 0
- K 2
● #6ca2f9 color description : Soft blue.
#6ca2f9 Color Conversion
The hexadecimal color #6ca2f9 has RGB values of R:108, G:162, B:249 and CMYK values of C:0.57, M:0.35, Y:0, K:0.02. Its decimal value is 7119609.
Hex triplet | 6ca2f9 | #6ca2f9 |
---|---|---|
RGB Decimal | 108, 162, 249 | rgb(108,162,249) |
RGB Percent | 42.4, 63.5, 97.6 | rgb(42.4%,63.5%,97.6%) |
CMYK | 57, 35, 0, 2 | |
HSL | 217°, 92.2, 70 | hsl(217,92.2%,70%) |
HSV (or HSB) | 217°, 56.6, 97.6 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 66.418, 7.183, -48.764 |
---|---|
XYZ | 36.2, 35.866, 94.633 |
xyY | 0.217, 0.215, 35.866 |
CIE-LCH | 66.418, 49.291, 278.379 |
CIE-LUV | 66.418, -25.121, -79.571 |
Hunter-Lab | 59.888, 3.09, -51.765 |
Binary | 01101100, 10100010, 11111001 |
Color Schemes with #6ca2f9
Alternatives to #6ca2f9
Below, you can see some colors close to #6ca2f9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#6ca2f9 Preview
This text has a font color of #6ca2f9.
<span style="color:#6ca2f9;">Text here</span>
This paragraph has a background color of #6ca2f9.
<p style="background-color:#6ca2f9;">Content here</p>
This element has a border color of #6ca2f9.
<div style="border:1px solid #6ca2f9;">Content here</div>
.text {color:#6ca2f9;}
.background {background-color:#6ca2f9;}
.border {border:1px solid #6ca2f9;}
Shades and Tints of #6ca2f9
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, #000204 is the darkest color, while #f0f5fe is the lightest one.
-
#000204
#000204
rgb(0,2,4)
-
#010917
#010917
rgb(1,9,23)
-
#021129
#021129
rgb(2,17,41)
-
#02193c
#02193c
rgb(2,25,60)
-
#03204f
#03204f
rgb(3,32,79)
-
#042862
#042862
rgb(4,40,98)
-
#053075
#053075
rgb(5,48,117)
-
#063788
#063788
rgb(6,55,136)
-
#063f9b
#063f9b
rgb(6,63,155)
-
#0747ad
#0747ad
rgb(7,71,173)
-
#084ec0
#084ec0
rgb(8,78,192)
-
#0956d3
#0956d3
rgb(9,86,211)
-
#095ee6
#095ee6
rgb(9,94,230)
-
#0e66f5
#0e66f5
rgb(14,102,245)
-
#2172f6
#2172f6
rgb(33,114,246)
-
#337ef7
#337ef7
rgb(51,126,247)
-
#468af7
#468af7
rgb(70,138,247)
-
#5996f8
#5996f8
rgb(89,150,248)
-
#6ca2f9
#6ca2f9
rgb(108,162,249)
-
#7faefa
#7faefa
rgb(127,174,250)
-
#92bafb
#92bafb
rgb(146,186,251)
-
#a5c6fb
#a5c6fb
rgb(165,198,251)
-
#b7d2fc
#b7d2fc
rgb(183,210,252)
-
#cadefd
#cadefd
rgb(202,222,253)
-
#ddeafe
#ddeafe
rgb(221,234,254)
-
#f0f5fe
#f0f5fe
rgb(240,245,254)
Tones of #6ca2f9
A tone is produced by adding gray to any pure hue. In this case, #adb1b8 is the less saturated color, while #66a1ff is the most saturated one.
-
#adb1b8
#adb1b8
rgb(173,177,184)
-
#a7b0be
#a7b0be
rgb(167,176,190)
-
#a1aec4
#a1aec4
rgb(161,174,196)
-
#9badca
#9badca
rgb(155,173,202)
-
#95acd0
#95acd0
rgb(149,172,208)
-
#8faad6
#8faad6
rgb(143,170,214)
-
#89a9dc
#89a9dc
rgb(137,169,220)
-
#84a8e1
#84a8e1
rgb(132,168,225)
-
#7ea6e7
#7ea6e7
rgb(126,166,231)
-
#78a5ed
#78a5ed
rgb(120,165,237)
-
#72a3f3
#72a3f3
rgb(114,163,243)
-
#6ca2f9
#6ca2f9
rgb(108,162,249)
-
#66a1ff
#66a1ff
rgb(102,161,255)
Color Blindness Simulator
Below, you can see how #6ca2f9 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.