#3ca7f3 Color Information
In a RGB color space, hex #3ca7f3 is composed of 23.5% red, 65.5% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 75.3% cyan, 31.3% magenta, 0% yellow and 4.7% black. It has a hue angle of 204.9 degrees, a saturation of 88.4% and a lightness of 59.4%. #3ca7f3 color hex could be obtained by blending #78ffff with #004fe7. Closest websafe color is: #3399ff.
-
- R 24
- G 65
- B 95
-
- C 75
- M 31
- Y 0
- K 5
● #3ca7f3 color description : Bright blue.
#3ca7f3 Color Conversion
The hexadecimal color #3ca7f3 has RGB values of R:60, G:167, B:243 and CMYK values of C:0.75, M:0.31, Y:0, K:0.05. Its decimal value is 3975155.
Hex triplet | 3ca7f3 | #3ca7f3 |
---|---|---|
RGB Decimal | 60, 167, 243 | rgb(60,167,243) |
RGB Percent | 23.5, 65.5, 95.3 | rgb(23.5%,65.5%,95.3%) |
CMYK | 75, 31, 0, 5 | |
HSL | 204.9°, 88.4, 59.4 | hsl(204.9,88.4%,59.4%) |
HSV (or HSB) | 204.9°, 75.3, 95.3 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 65.8, -5.275, -46.578 |
---|---|
XYZ | 31.856, 35.066, 89.879 |
xyY | 0.203, 0.224, 35.066 |
CIE-LCH | 65.8, 46.875, 263.538 |
CIE-LUV | 65.8, -37.511, -74.372 |
Hunter-Lab | 59.217, -7.605, -48.538 |
Binary | 00111100, 10100111, 11110011 |
Color Schemes with #3ca7f3
Alternatives to #3ca7f3
Below, you can see some colors close to #3ca7f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3ca7f3 Preview
This text has a font color of #3ca7f3.
<span style="color:#3ca7f3;">Text here</span>
This paragraph has a background color of #3ca7f3.
<p style="background-color:#3ca7f3;">Content here</p>
This element has a border color of #3ca7f3.
<div style="border:1px solid #3ca7f3;">Content here</div>
.text {color:#3ca7f3;}
.background {background-color:#3ca7f3;}
.border {border:1px solid #3ca7f3;}
Shades and Tints of #3ca7f3
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, #010508 is the darkest color, while #f5fafe is the lightest one.
-
#010508
#010508
rgb(1,5,8)
-
#02101b
#02101b
rgb(2,16,27)
-
#031c2d
#031c2d
rgb(3,28,45)
-
#042740
#042740
rgb(4,39,64)
-
#053252
#053252
rgb(5,50,82)
-
#063d65
#063d65
rgb(6,61,101)
-
#074977
#074977
rgb(7,73,119)
-
#08548a
#08548a
rgb(8,84,138)
-
#0a5f9c
#0a5f9c
rgb(10,95,156)
-
#0b6baf
#0b6baf
rgb(11,107,175)
-
#0c76c1
#0c76c1
rgb(12,118,193)
-
#0d81d4
#0d81d4
rgb(13,129,212)
-
#0e8ce6
#0e8ce6
rgb(14,140,230)
-
#1796f1
#1796f1
rgb(23,150,241)
-
#2a9ff2
#2a9ff2
rgb(42,159,242)
-
#3ca7f3
#3ca7f3
rgb(60,167,243)
-
#4eaff4
#4eaff4
rgb(78,175,244)
-
#61b8f5
#61b8f5
rgb(97,184,245)
-
#73c0f6
#73c0f6
rgb(115,192,246)
-
#86c8f8
#86c8f8
rgb(134,200,248)
-
#98d1f9
#98d1f9
rgb(152,209,249)
-
#abd9fa
#abd9fa
rgb(171,217,250)
-
#bde1fb
#bde1fb
rgb(189,225,251)
-
#d0eafc
#d0eafc
rgb(208,234,252)
-
#e2f2fd
#e2f2fd
rgb(226,242,253)
-
#f5fafe
#f5fafe
rgb(245,250,254)
Tones of #3ca7f3
A tone is produced by adding gray to any pure hue. In this case, #94989b is the less saturated color, while #34a8fb is the most saturated one.
-
#94989b
#94989b
rgb(148,152,155)
-
#8c9aa3
#8c9aa3
rgb(140,154,163)
-
#849bab
#849bab
rgb(132,155,171)
-
#7c9cb3
#7c9cb3
rgb(124,156,179)
-
#749ebb
#749ebb
rgb(116,158,187)
-
#6c9fc3
#6c9fc3
rgb(108,159,195)
-
#64a0cb
#64a0cb
rgb(100,160,203)
-
#5ca2d3
#5ca2d3
rgb(92,162,211)
-
#54a3db
#54a3db
rgb(84,163,219)
-
#4ca4e3
#4ca4e3
rgb(76,164,227)
-
#44a6eb
#44a6eb
rgb(68,166,235)
-
#3ca7f3
#3ca7f3
rgb(60,167,243)
-
#34a8fb
#34a8fb
rgb(52,168,251)
Color Blindness Simulator
Below, you can see how #3ca7f3 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.