#3ca3f6 Color Information
In a RGB color space, hex #3ca3f6 is composed of 23.5% red, 63.9% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 75.6% cyan, 33.7% magenta, 0% yellow and 3.5% black. It has a hue angle of 206.8 degrees, a saturation of 91.2% and a lightness of 60%. #3ca3f6 color hex could be obtained by blending #78ffff with #0047ed. Closest websafe color is: #3399ff.
-
- R 24
- G 64
- B 96
-
- C 76
- M 34
- Y 0
- K 4
● #3ca3f6 color description : Bright blue.
#3ca3f6 Color Conversion
The hexadecimal color #3ca3f6 has RGB values of R:60, G:163, B:246 and CMYK values of C:0.76, M:0.34, Y:0, K:0.04. Its decimal value is 3974134.
Hex triplet | 3ca3f6 | #3ca3f6 |
---|---|---|
RGB Decimal | 60, 163, 246 | rgb(60,163,246) |
RGB Percent | 23.5, 63.9, 96.5 | rgb(23.5%,63.9%,96.5%) |
CMYK | 76, 34, 0, 4 | |
HSL | 206.8°, 91.2, 60 | hsl(206.8,91.2%,60%) |
HSV (or HSB) | 206.8°, 75.6, 96.5 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 64.808, -1.964, -49.782 |
---|---|
XYZ | 31.591, 33.806, 92.044 |
xyY | 0.201, 0.215, 33.806 |
CIE-LCH | 64.808, 49.821, 267.74 |
CIE-LUV | 64.808, -36.022, -79.981 |
Hunter-Lab | 58.143, -4.765, -53.159 |
Binary | 00111100, 10100011, 11110110 |
Color Schemes with #3ca3f6
Alternatives to #3ca3f6
Below, you can see some colors close to #3ca3f6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3ca3f6 Preview
This text has a font color of #3ca3f6.
<span style="color:#3ca3f6;">Text here</span>
This paragraph has a background color of #3ca3f6.
<p style="background-color:#3ca3f6;">Content here</p>
This element has a border color of #3ca3f6.
<div style="border:1px solid #3ca3f6;">Content here</div>
.text {color:#3ca3f6;}
.background {background-color:#3ca3f6;}
.border {border:1px solid #3ca3f6;}
Shades and Tints of #3ca3f6
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, #01060b is the darkest color, while #f8fbff is the lightest one.
-
#01060b
#01060b
rgb(1,6,11)
-
#01111e
#01111e
rgb(1,17,30)
-
#021c31
#021c31
rgb(2,28,49)
-
#032744
#032744
rgb(3,39,68)
-
#043256
#043256
rgb(4,50,86)
-
#053c69
#053c69
rgb(5,60,105)
-
#06477c
#06477c
rgb(6,71,124)
-
#07528f
#07528f
rgb(7,82,143)
-
#075da1
#075da1
rgb(7,93,161)
-
#0867b4
#0867b4
rgb(8,103,180)
-
#0972c7
#0972c7
rgb(9,114,199)
-
#0a7dda
#0a7dda
rgb(10,125,218)
-
#0b88ec
#0b88ec
rgb(11,136,236)
-
#1791f4
#1791f4
rgb(23,145,244)
-
#299af5
#299af5
rgb(41,154,245)
-
#3ca3f6
#3ca3f6
rgb(60,163,246)
-
#4facf7
#4facf7
rgb(79,172,247)
-
#62b5f8
#62b5f8
rgb(98,181,248)
-
#74bef9
#74bef9
rgb(116,190,249)
-
#87c6f9
#87c6f9
rgb(135,198,249)
-
#9acffa
#9acffa
rgb(154,207,250)
-
#add8fb
#add8fb
rgb(173,216,251)
-
#bfe1fc
#bfe1fc
rgb(191,225,252)
-
#d2eafd
#d2eafd
rgb(210,234,253)
-
#e5f3fe
#e5f3fe
rgb(229,243,254)
-
#f8fbff
#f8fbff
rgb(248,251,255)
Tones of #3ca3f6
A tone is produced by adding gray to any pure hue. In this case, #929aa0 is the less saturated color, while #34a4fe is the most saturated one.
-
#929aa0
#929aa0
rgb(146,154,160)
-
#8a9ba8
#8a9ba8
rgb(138,155,168)
-
#839baf
#839baf
rgb(131,155,175)
-
#7b9cb7
#7b9cb7
rgb(123,156,183)
-
#739dbf
#739dbf
rgb(115,157,191)
-
#6b9ec7
#6b9ec7
rgb(107,158,199)
-
#639fcf
#639fcf
rgb(99,159,207)
-
#5ba0d7
#5ba0d7
rgb(91,160,215)
-
#54a0de
#54a0de
rgb(84,160,222)
-
#4ca1e6
#4ca1e6
rgb(76,161,230)
-
#44a2ee
#44a2ee
rgb(68,162,238)
-
#3ca3f6
#3ca3f6
rgb(60,163,246)
-
#34a4fe
#34a4fe
rgb(52,164,254)
Color Blindness Simulator
Below, you can see how #3ca3f6 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.