#2ca4f0 Color Information
In a RGB color space, hex #2ca4f0 is composed of 17.3% red, 64.3% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 81.7% cyan, 31.7% magenta, 0% yellow and 5.9% black. It has a hue angle of 203.3 degrees, a saturation of 86.7% and a lightness of 55.7%. #2ca4f0 color hex could be obtained by blending #58ffff with #0049e1. Closest websafe color is: #3399ff.
-
- R 17
- G 64
- B 94
-
- C 82
- M 32
- Y 0
- K 6
● #2ca4f0 color description : Bright blue.
#2ca4f0 Color Conversion
The hexadecimal color #2ca4f0 has RGB values of R:44, G:164, B:240 and CMYK values of C:0.82, M:0.32, Y:0, K:0.06. Its decimal value is 2925808.
Hex triplet | 2ca4f0 | #2ca4f0 |
---|---|---|
RGB Decimal | 44, 164, 240 | rgb(44,164,240) |
RGB Percent | 17.3, 64.3, 94.1 | rgb(17.3%,64.3%,94.1%) |
CMYK | 82, 32, 0, 6 | |
HSL | 203.3°, 86.7, 55.7 | hsl(203.3,86.7%,55.7%) |
HSV (or HSB) | 203.3°, 81.7, 94.1 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 64.463, -6.247, -47.065 |
---|---|
XYZ | 30.038, 33.375, 87.292 |
xyY | 0.199, 0.221, 33.375 |
CIE-LCH | 64.463, 47.478, 262.439 |
CIE-LUV | 64.463, -38.745, -74.864 |
Hunter-Lab | 57.771, -8.287, -49.147 |
Binary | 00101100, 10100100, 11110000 |
Color Schemes with #2ca4f0
Alternatives to #2ca4f0
Below, you can see some colors close to #2ca4f0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2ca4f0 Preview
This text has a font color of #2ca4f0.
<span style="color:#2ca4f0;">Text here</span>
This paragraph has a background color of #2ca4f0.
<p style="background-color:#2ca4f0;">Content here</p>
This element has a border color of #2ca4f0.
<div style="border:1px solid #2ca4f0;">Content here</div>
.text {color:#2ca4f0;}
.background {background-color:#2ca4f0;}
.border {border:1px solid #2ca4f0;}
Shades and Tints of #2ca4f0
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, #010609 is the darkest color, while #f5fbfe is the lightest one.
-
#010609
#010609
rgb(1,6,9)
-
#02111b
#02111b
rgb(2,17,27)
-
#031d2d
#031d2d
rgb(3,29,45)
-
#052940
#052940
rgb(5,41,64)
-
#063452
#063452
rgb(6,52,82)
-
#074064
#074064
rgb(7,64,100)
-
#084c77
#084c77
rgb(8,76,119)
-
#0a5889
#0a5889
rgb(10,88,137)
-
#0b639b
#0b639b
rgb(11,99,155)
-
#0c6fae
#0c6fae
rgb(12,111,174)
-
#0e7bc0
#0e7bc0
rgb(14,123,192)
-
#0f86d2
#0f86d2
rgb(15,134,210)
-
#1092e5
#1092e5
rgb(16,146,229)
-
#1a9cef
#1a9cef
rgb(26,156,239)
-
#2ca4f0
#2ca4f0
rgb(44,164,240)
-
#3eacf1
#3eacf1
rgb(62,172,241)
-
#51b4f3
#51b4f3
rgb(81,180,243)
-
#63bcf4
#63bcf4
rgb(99,188,244)
-
#75c4f5
#75c4f5
rgb(117,196,245)
-
#88cbf7
#88cbf7
rgb(136,203,247)
-
#9ad3f8
#9ad3f8
rgb(154,211,248)
-
#acdbf9
#acdbf9
rgb(172,219,249)
-
#bfe3fa
#bfe3fa
rgb(191,227,250)
-
#d1ebfc
#d1ebfc
rgb(209,235,252)
-
#e3f3fd
#e3f3fd
rgb(227,243,253)
-
#f5fbfe
#f5fbfe
rgb(245,251,254)
Tones of #2ca4f0
A tone is produced by adding gray to any pure hue. In this case, #8c8f90 is the less saturated color, while #23a6f9 is the most saturated one.
-
#8c8f90
#8c8f90
rgb(140,143,144)
-
#839099
#839099
rgb(131,144,153)
-
#7a92a2
#7a92a2
rgb(122,146,162)
-
#7294aa
#7294aa
rgb(114,148,170)
-
#6996b3
#6996b3
rgb(105,150,179)
-
#6098bc
#6098bc
rgb(96,152,188)
-
#579ac5
#579ac5
rgb(87,154,197)
-
#4f9ccd
#4f9ccd
rgb(79,156,205)
-
#469ed6
#469ed6
rgb(70,158,214)
-
#3da0df
#3da0df
rgb(61,160,223)
-
#35a2e7
#35a2e7
rgb(53,162,231)
-
#2ca4f0
#2ca4f0
rgb(44,164,240)
-
#23a6f9
#23a6f9
rgb(35,166,249)
Color Blindness Simulator
Below, you can see how #2ca4f0 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.