#3ca1f2 Color Information
In a RGB color space, hex #3ca1f2 is composed of 23.5% red, 63.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 75.2% cyan, 33.5% magenta, 0% yellow and 5.1% black. It has a hue angle of 206.7 degrees, a saturation of 87.5% and a lightness of 59.2%. #3ca1f2 color hex could be obtained by blending #78ffff with #0043e5. Closest websafe color is: #3399ff.
-
- R 24
- G 63
- B 95
-
- C 75
- M 33
- Y 0
- K 5
● #3ca1f2 color description : Bright blue.
#3ca1f2 Color Conversion
The hexadecimal color #3ca1f2 has RGB values of R:60, G:161, B:242 and CMYK values of C:0.75, M:0.33, Y:0, K:0.05. Its decimal value is 3973618.
Hex triplet | 3ca1f2 | #3ca1f2 |
---|---|---|
RGB Decimal | 60, 161, 242 | rgb(60,161,242) |
RGB Percent | 23.5, 63.1, 94.9 | rgb(23.5%,63.1%,94.9%) |
CMYK | 75, 33, 0, 5 | |
HSL | 206.7°, 87.5, 59.2 | hsl(206.7,87.5%,59.2%) |
HSV (or HSB) | 206.7°, 75.2, 94.9 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 64.046, -2.223, -48.797 |
---|---|
XYZ | 30.632, 32.859, 88.728 |
xyY | 0.201, 0.216, 32.859 |
CIE-LCH | 64.046, 48.848, 267.392 |
CIE-LUV | 64.046, -35.538, -78.141 |
Hunter-Lab | 57.322, -4.929, -51.647 |
Binary | 00111100, 10100001, 11110010 |
Color Schemes with #3ca1f2
Alternatives to #3ca1f2
Below, you can see some colors close to #3ca1f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3ca1f2 Preview
This text has a font color of #3ca1f2.
<span style="color:#3ca1f2;">Text here</span>
This paragraph has a background color of #3ca1f2.
<p style="background-color:#3ca1f2;">Content here</p>
This element has a border color of #3ca1f2.
<div style="border:1px solid #3ca1f2;">Content here</div>
.text {color:#3ca1f2;}
.background {background-color:#3ca1f2;}
.border {border:1px solid #3ca1f2;}
Shades and Tints of #3ca1f2
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, #000407 is the darkest color, while #f4fafe is the lightest one.
-
#000407
#000407
rgb(0,4,7)
-
#020f1a
#020f1a
rgb(2,15,26)
-
#031a2c
#031a2c
rgb(3,26,44)
-
#04253e
#04253e
rgb(4,37,62)
-
#052f51
#052f51
rgb(5,47,81)
-
#073a63
#073a63
rgb(7,58,99)
-
#084576
#084576
rgb(8,69,118)
-
#095088
#095088
rgb(9,80,136)
-
#0a5a9a
#0a5a9a
rgb(10,90,154)
-
#0c65ad
#0c65ad
rgb(12,101,173)
-
#0d70bf
#0d70bf
rgb(13,112,191)
-
#0e7bd2
#0e7bd2
rgb(14,123,210)
-
#0f85e4
#0f85e4
rgb(15,133,228)
-
#178ff0
#178ff0
rgb(23,143,240)
-
#2a98f1
#2a98f1
rgb(42,152,241)
-
#3ca1f2
#3ca1f2
rgb(60,161,242)
-
#4eaaf3
#4eaaf3
rgb(78,170,243)
-
#61b3f4
#61b3f4
rgb(97,179,244)
-
#73bcf6
#73bcf6
rgb(115,188,246)
-
#86c4f7
#86c4f7
rgb(134,196,247)
-
#98cdf8
#98cdf8
rgb(152,205,248)
-
#aad6f9
#aad6f9
rgb(170,214,249)
-
#bddffb
#bddffb
rgb(189,223,251)
-
#cfe8fc
#cfe8fc
rgb(207,232,252)
-
#e2f1fd
#e2f1fd
rgb(226,241,253)
-
#f4fafe
#f4fafe
rgb(244,250,254)
Tones of #3ca1f2
A tone is produced by adding gray to any pure hue. In this case, #94979a is the less saturated color, while #34a2fa is the most saturated one.
-
#94979a
#94979a
rgb(148,151,154)
-
#8c98a2
#8c98a2
rgb(140,152,162)
-
#8499aa
#8499aa
rgb(132,153,170)
-
#7c9ab2
#7c9ab2
rgb(124,154,178)
-
#749bba
#749bba
rgb(116,155,186)
-
#6c9cc2
#6c9cc2
rgb(108,156,194)
-
#649dca
#649dca
rgb(100,157,202)
-
#5c9dd2
#5c9dd2
rgb(92,157,210)
-
#549eda
#549eda
rgb(84,158,218)
-
#4c9fe2
#4c9fe2
rgb(76,159,226)
-
#44a0ea
#44a0ea
rgb(68,160,234)
-
#3ca1f2
#3ca1f2
rgb(60,161,242)
-
#34a2fa
#34a2fa
rgb(52,162,250)
Color Blindness Simulator
Below, you can see how #3ca1f2 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.