#7ca8d4 color information
In a RGB color space, hex #7ca8d4 is composed of 48.6% red, 65.9% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 41.5% cyan, 20.8% magenta, 0% yellow and 16.9% black. It has a hue angle of 210 degrees, a saturation of 50.6% and a lightness of 65.9%. #7ca8d4 color hex could be obtained by blending #f8ffff with #0051a9. Closest websafe color is: #6699cc.
#7ca8d4 color conversion
The hexadecimal color #7ca8d4 has RGB values of R:124, G:168, B:212 and CMYK values of C:0.42, M:0.21, Y:0, K:0.17. Its decimal value is 8169684.
- Hex triplet 7ca8d4
#7ca8d4 - RGB Decimal 124, 168, 212
rgb(124,168,212) - RGB Percent 48.6, 65.9, 83.1
rgb(48.6%,65.9%,83.1%) - CMYK 42, 21, 0, 17
- HSL 210°, 50.6, 65.9
hsl(210,51%,66%) - HSV (or HSB) 210°, 41.5, 83.1
- Web Safe 6699cc
#6699cc
- CIE-LAB 67.309, -3.474, -27.009
- XYZ 34.196, 37.042, 67.632
- xyY 0.246, 0.267, 37.042
- CIE-LCH 67.309, 27.232, 262.672
- CIE-LUV 67.309, -22.131, -41.814
- Hunter-Lab 60.862, -6.218, -23.281
- Binary 01111100, 10101000, 11010100
Color Schemes with #7ca8d4
#7ca8d4 in action
This text has a font color of #7ca8d4.
<span style="color:#7ca8d4;">Text here</span>
This paragraph has a background color of #7ca8d4.
<p style="background-color:#7ca8d4;">Content here</p>
This element has a border color of #7ca8d4.
<div style="border:1px solid #7ca8d4;">Content here</div>
.text {color:#7ca8d4;}
.background {background-color:#7ca8d4;}
.border {border:1px solid #7ca8d4;}
Shades of #7ca8d4
- #050b11 #050b11
rgb(5,11,17) - #0f1f2e #0f1f2e
rgb(15,31,46) - #19324c #19324c
rgb(25,50,76) - #234669 #234669
rgb(35,70,105) - #2c5a87 #2c5a87
rgb(44,90,135) - #366da4 #366da4
rgb(54,109,164) - #4181c1 #4181c1
rgb(65,129,193) - #5e94ca #5e94ca
rgb(94,148,202) - #7ca8d4 #7ca8d4
rgb(124,168,212) - #9abcde #9abcde
rgb(154,188,222) - #b7cfe7 #b7cfe7
rgb(183,207,231) - #d5e3f1 #d5e3f1
rgb(213,227,241) - #f2f6fb #f2f6fb
rgb(242,246,251)
Color Blindness Simulator
Below, you can see how #7ca8d4 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.
