#3ca5fd Color Information
In a RGB color space, hex #3ca5fd is composed of 23.5% red, 64.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 76.3% cyan, 34.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 207.4 degrees, a saturation of 98% and a lightness of 61.4%. #3ca5fd color hex could be obtained by blending #78ffff with #004bfb. Closest websafe color is: #3399ff.
-
- R 24
- G 65
- B 99
-
- C 76
- M 35
- Y 0
- K 1
● #3ca5fd color description : Bright blue.
#3ca5fd Color Conversion
The hexadecimal color #3ca5fd has RGB values of R:60, G:165, B:253 and CMYK values of C:0.76, M:0.35, Y:0, K:0.01. Its decimal value is 3974653.
Hex triplet | 3ca5fd | #3ca5fd |
---|---|---|
RGB Decimal | 60, 165, 253 | rgb(60,165,253) |
RGB Percent | 23.5, 64.7, 99.2 | rgb(23.5%,64.7%,99.2%) |
CMYK | 76, 35, 0, 1 | |
HSL | 207.4°, 98, 61.4 | hsl(207.4,98%,61.4%) |
HSV (or HSB) | 207.4°, 76.3, 99.2 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 65.718, -0.653, -52.163 |
---|---|
XYZ | 33.044, 34.96, 97.93 |
xyY | 0.199, 0.211, 34.96 |
CIE-LCH | 65.718, 52.167, 269.283 |
CIE-LUV | 65.718, -36.363, -84.329 |
Hunter-Lab | 59.127, -3.715, -56.811 |
Binary | 00111100, 10100101, 11111101 |
Color Schemes with #3ca5fd
Alternatives to #3ca5fd
Below, you can see some colors close to #3ca5fd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3ca5fd Preview
This text has a font color of #3ca5fd.
<span style="color:#3ca5fd;">Text here</span>
This paragraph has a background color of #3ca5fd.
<p style="background-color:#3ca5fd;">Content here</p>
This element has a border color of #3ca5fd.
<div style="border:1px solid #3ca5fd;">Content here</div>
.text {color:#3ca5fd;}
.background {background-color:#3ca5fd;}
.border {border:1px solid #3ca5fd;}
Shades and Tints of #3ca5fd
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, #000a13 is the darkest color, while #feffff is the lightest one.
-
#000a13
#000a13
rgb(0,10,19)
-
#001526
#001526
rgb(0,21,38)
-
#012039
#012039
rgb(1,32,57)
-
#012a4d
#012a4d
rgb(1,42,77)
-
#013560
#013560
rgb(1,53,96)
-
#013f74
#013f74
rgb(1,63,116)
-
#014a87
#014a87
rgb(1,74,135)
-
#02559a
#02559a
rgb(2,85,154)
-
#025fae
#025fae
rgb(2,95,174)
-
#026ac1
#026ac1
rgb(2,106,193)
-
#0275d5
#0275d5
rgb(2,117,213)
-
#027fe8
#027fe8
rgb(2,127,232)
-
#038afc
#038afc
rgb(3,138,252)
-
#1593fd
#1593fd
rgb(21,147,253)
-
#299cfd
#299cfd
rgb(41,156,253)
-
#3ca5fd
#3ca5fd
rgb(60,165,253)
-
#4faefd
#4faefd
rgb(79,174,253)
-
#63b7fd
#63b7fd
rgb(99,183,253)
-
#76c0fe
#76c0fe
rgb(118,192,254)
-
#8ac9fe
#8ac9fe
rgb(138,201,254)
-
#9dd2fe
#9dd2fe
rgb(157,210,254)
-
#b0dbfe
#b0dbfe
rgb(176,219,254)
-
#c4e4fe
#c4e4fe
rgb(196,228,254)
-
#d7edff
#d7edff
rgb(215,237,255)
-
#ebf6ff
#ebf6ff
rgb(235,246,255)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #3ca5fd
A tone is produced by adding gray to any pure hue. In this case, #979da2 is the less saturated color, while #3ca5fd is the most saturated one.
-
#979da2
#979da2
rgb(151,157,162)
-
#8f9eaa
#8f9eaa
rgb(143,158,170)
-
#889eb1
#889eb1
rgb(136,158,177)
-
#809fb9
#809fb9
rgb(128,159,185)
-
#79a0c0
#79a0c0
rgb(121,160,192)
-
#71a0c8
#71a0c8
rgb(113,160,200)
-
#69a1d0
#69a1d0
rgb(105,161,208)
-
#62a2d7
#62a2d7
rgb(98,162,215)
-
#5aa2df
#5aa2df
rgb(90,162,223)
-
#53a3e6
#53a3e6
rgb(83,163,230)
-
#4ba4ee
#4ba4ee
rgb(75,164,238)
-
#44a4f5
#44a4f5
rgb(68,164,245)
-
#3ca5fd
#3ca5fd
rgb(60,165,253)
Color Blindness Simulator
Below, you can see how #3ca5fd 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.