#2ca5f9 Color Information
In a RGB color space, hex #2ca5f9 is composed of 17.3% red, 64.7% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 82.3% cyan, 33.7% magenta, 0% yellow and 2.4% black. It has a hue angle of 204.6 degrees, a saturation of 94.5% and a lightness of 57.5%. #2ca5f9 color hex could be obtained by blending #58ffff with #004bf3. Closest websafe color is: #3399ff.
-
- R 17
- G 65
- B 98
-
- C 82
- M 34
- Y 0
- K 2
● #2ca5f9 color description : Bright blue.
#2ca5f9 Color Conversion
The hexadecimal color #2ca5f9 has RGB values of R:44, G:165, B:249 and CMYK values of C:0.82, M:0.34, Y:0, K:0.02. Its decimal value is 2926073.
Hex triplet | 2ca5f9 | #2ca5f9 |
---|---|---|
RGB Decimal | 44, 165, 249 | rgb(44,165,249) |
RGB Percent | 17.3, 64.7, 97.6 | rgb(17.3%,64.7%,97.6%) |
CMYK | 82, 34, 0, 2 | |
HSL | 204.6°, 94.5, 57.5 | hsl(204.6,94.5%,57.5%) |
HSV (or HSB) | 204.6°, 82.3, 97.6 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 65.186, -3.602, -50.845 |
---|---|
XYZ | 31.589, 34.282, 94.57 |
xyY | 0.197, 0.214, 34.282 |
CIE-LCH | 65.186, 50.973, 265.948 |
CIE-LUV | 65.186, -38.575, -81.683 |
Hunter-Lab | 58.551, -6.163, -54.777 |
Binary | 00101100, 10100101, 11111001 |
Color Schemes with #2ca5f9
Alternatives to #2ca5f9
Below, you can see some colors close to #2ca5f9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2ca5f9 Preview
This text has a font color of #2ca5f9.
<span style="color:#2ca5f9;">Text here</span>
This paragraph has a background color of #2ca5f9.
<p style="background-color:#2ca5f9;">Content here</p>
This element has a border color of #2ca5f9.
<div style="border:1px solid #2ca5f9;">Content here</div>
.text {color:#2ca5f9;}
.background {background-color:#2ca5f9;}
.border {border:1px solid #2ca5f9;}
Shades and Tints of #2ca5f9
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, #010b12 is the darkest color, while #fefeff is the lightest one.
-
#010b12
#010b12
rgb(1,11,18)
-
#011625
#011625
rgb(1,22,37)
-
#022238
#022238
rgb(2,34,56)
-
#022d4b
#022d4b
rgb(2,45,75)
-
#03395e
#03395e
rgb(3,57,94)
-
#034471
#034471
rgb(3,68,113)
-
#045084
#045084
rgb(4,80,132)
-
#045b97
#045b97
rgb(4,91,151)
-
#0567aa
#0567aa
rgb(5,103,170)
-
#0572be
#0572be
rgb(5,114,190)
-
#067ed1
#067ed1
rgb(6,126,209)
-
#0689e4
#0689e4
rgb(6,137,228)
-
#0795f7
#0795f7
rgb(7,149,247)
-
#199df8
#199df8
rgb(25,157,248)
-
#2ca5f9
#2ca5f9
rgb(44,165,249)
-
#3fadfa
#3fadfa
rgb(63,173,250)
-
#52b5fa
#52b5fa
rgb(82,181,250)
-
#65bdfb
#65bdfb
rgb(101,189,251)
-
#78c6fb
#78c6fb
rgb(120,198,251)
-
#8bcefc
#8bcefc
rgb(139,206,252)
-
#9ed6fc
#9ed6fc
rgb(158,214,252)
-
#b2defd
#b2defd
rgb(178,222,253)
-
#c5e6fd
#c5e6fd
rgb(197,230,253)
-
#d8eefe
#d8eefe
rgb(216,238,254)
-
#ebf6fe
#ebf6fe
rgb(235,246,254)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #2ca5f9
A tone is produced by adding gray to any pure hue. In this case, #909395 is the less saturated color, while #2ca5f9 is the most saturated one.
-
#909395
#909395
rgb(144,147,149)
-
#88949d
#88949d
rgb(136,148,157)
-
#7f96a6
#7f96a6
rgb(127,150,166)
-
#7797ae
#7797ae
rgb(119,151,174)
-
#6f99b6
#6f99b6
rgb(111,153,182)
-
#669abf
#669abf
rgb(102,154,191)
-
#5e9cc7
#5e9cc7
rgb(94,156,199)
-
#569dcf
#569dcf
rgb(86,157,207)
-
#4d9fd8
#4d9fd8
rgb(77,159,216)
-
#45a0e0
#45a0e0
rgb(69,160,224)
-
#3da2e8
#3da2e8
rgb(61,162,232)
-
#34a3f1
#34a3f1
rgb(52,163,241)
-
#2ca5f9
#2ca5f9
rgb(44,165,249)
Color Blindness Simulator
Below, you can see how #2ca5f9 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.