#7ca3ff Color Information
In a RGB color space, hex #7ca3ff is composed of 48.6% red, 63.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 51.4% cyan, 36.1% magenta, 0% yellow and 0% black. It has a hue angle of 222.1 degrees, a saturation of 100% and a lightness of 74.3%. #7ca3ff color hex could be obtained by blending #f8ffff with #0047ff. Closest websafe color is: #6699ff.
-
- R 49
- G 64
- B 100
-
- C 51
- M 36
- Y 0
- K 0
● #7ca3ff color description : Very light blue.
#7ca3ff Color Conversion
The hexadecimal color #7ca3ff has RGB values of R:124, G:163, B:255 and CMYK values of C:0.51, M:0.36, Y:0, K:0. Its decimal value is 8168447.
Hex triplet | 7ca3ff | #7ca3ff |
---|---|---|
RGB Decimal | 124, 163, 255 | rgb(124,163,255) |
RGB Percent | 48.6, 63.9, 100 | rgb(48.6%,63.9%,100%) |
CMYK | 51, 36, 0, 0 | |
HSL | 222.1°, 100, 74.3 | hsl(222.1,100%,74.3%) |
HSV (or HSB) | 222.1°, 51.4, 100 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 67.797, 11.792, -49.798 |
---|---|
XYZ | 39.455, 37.698, 99.8 |
xyY | 0.223, 0.213, 37.698 |
CIE-LCH | 67.797, 51.175, 283.322 |
CIE-LUV | 67.797, -20.553, -82.108 |
Hunter-Lab | 61.398, 7.259, -53.394 |
Binary | 01111100, 10100011, 11111111 |
Color Schemes with #7ca3ff
Alternatives to #7ca3ff
Below, you can see some colors close to #7ca3ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#7ca3ff Preview
This text has a font color of #7ca3ff.
<span style="color:#7ca3ff;">Text here</span>
This paragraph has a background color of #7ca3ff.
<p style="background-color:#7ca3ff;">Content here</p>
This element has a border color of #7ca3ff.
<div style="border:1px solid #7ca3ff;">Content here</div>
.text {color:#7ca3ff;}
.background {background-color:#7ca3ff;}
.border {border:1px solid #7ca3ff;}
Shades and Tints of #7ca3ff
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, #000206 is the darkest color, while #f2f6ff is the lightest one.
-
#000206
#000206
rgb(0,2,6)
-
#00081a
#00081a
rgb(0,8,26)
-
#000e2e
#000e2e
rgb(0,14,46)
-
#001341
#001341
rgb(0,19,65)
-
#001955
#001955
rgb(0,25,85)
-
#001f68
#001f68
rgb(0,31,104)
-
#00257c
#00257c
rgb(0,37,124)
-
#002b90
#002b90
rgb(0,43,144)
-
#0031a3
#0031a3
rgb(0,49,163)
-
#0036b7
#0036b7
rgb(0,54,183)
-
#003cca
#003cca
rgb(0,60,202)
-
#0042de
#0042de
rgb(0,66,222)
-
#0048f2
#0048f2
rgb(0,72,242)
-
#0650ff
#0650ff
rgb(6,80,255)
-
#1a5eff
#1a5eff
rgb(26,94,255)
-
#2e6cff
#2e6cff
rgb(46,108,255)
-
#417aff
#417aff
rgb(65,122,255)
-
#5587ff
#5587ff
rgb(85,135,255)
-
#6895ff
#6895ff
rgb(104,149,255)
-
#7ca3ff
#7ca3ff
rgb(124,163,255)
-
#90b1ff
#90b1ff
rgb(144,177,255)
-
#a3bfff
#a3bfff
rgb(163,191,255)
-
#b7ccff
#b7ccff
rgb(183,204,255)
-
#cadaff
#cadaff
rgb(202,218,255)
-
#dee8ff
#dee8ff
rgb(222,232,255)
-
#f2f6ff
#f2f6ff
rgb(242,246,255)
Tones of #7ca3ff
A tone is produced by adding gray to any pure hue. In this case, #b8bbc3 is the less saturated color, while #7ca3ff is the most saturated one.
-
#b8bbc3
#b8bbc3
rgb(184,187,195)
-
#b3b9c8
#b3b9c8
rgb(179,185,200)
-
#aeb7cd
#aeb7cd
rgb(174,183,205)
-
#a9b5d2
#a9b5d2
rgb(169,181,210)
-
#a4b3d7
#a4b3d7
rgb(164,179,215)
-
#9fb1dc
#9fb1dc
rgb(159,177,220)
-
#9aafe1
#9aafe1
rgb(154,175,225)
-
#95ade6
#95ade6
rgb(149,173,230)
-
#90abeb
#90abeb
rgb(144,171,235)
-
#8ba9f0
#8ba9f0
rgb(139,169,240)
-
#86a7f5
#86a7f5
rgb(134,167,245)
-
#81a5fa
#81a5fa
rgb(129,165,250)
-
#7ca3ff
#7ca3ff
rgb(124,163,255)
Color Blindness Simulator
Below, you can see how #7ca3ff 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.