#2caadd Color Information
In a RGB color space, hex #2caadd is composed of 17.3% red, 66.7% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 80.1% cyan, 23.1% magenta, 0% yellow and 13.3% black. It has a hue angle of 197.3 degrees, a saturation of 72.2% and a lightness of 52%. #2caadd color hex could be obtained by blending #58ffff with #0055bb. Closest websafe color is: #3399cc.
-
- R 17
- G 67
- B 87
-
- C 80
- M 23
- Y 0
- K 13
● #2caadd color description : Bright blue.
#2caadd Color Conversion
The hexadecimal color #2caadd has RGB values of R:44, G:170, B:221 and CMYK values of C:0.8, M:0.23, Y:0, K:0.13. Its decimal value is 2927325.
Hex triplet | 2caadd | #2caadd |
---|---|---|
RGB Decimal | 44, 170, 221 | rgb(44,170,221) |
RGB Percent | 17.3, 66.7, 86.7 | rgb(17.3%,66.7%,86.7%) |
CMYK | 80, 23, 0, 13 | |
HSL | 197.3°, 72.2, 52 | hsl(197.3,72.2%,52%) |
HSV (or HSB) | 197.3°, 80.1, 86.7 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 65.36, -16.179, -35.218 |
---|---|
XYZ | 28.461, 34.503, 73.562 |
xyY | 0.208, 0.253, 34.503 |
CIE-LCH | 65.36, 38.757, 245.326 |
CIE-LUV | 65.36, -41.933, -53.798 |
Hunter-Lab | 58.739, -16.304, -33.135 |
Binary | 00101100, 10101010, 11011101 |
Color Schemes with #2caadd
Alternatives to #2caadd
Below, you can see some colors close to #2caadd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2caadd Preview
This text has a font color of #2caadd.
<span style="color:#2caadd;">Text here</span>
This paragraph has a background color of #2caadd.
<p style="background-color:#2caadd;">Content here</p>
This element has a border color of #2caadd.
<div style="border:1px solid #2caadd;">Content here</div>
.text {color:#2caadd;}
.background {background-color:#2caadd;}
.border {border:1px solid #2caadd;}
Shades and Tints of #2caadd
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, #010709 is the darkest color, while #f7fcfe is the lightest one.
-
#010709
#010709
rgb(1,7,9)
-
#04131a
#04131a
rgb(4,19,26)
-
#07202a
#07202a
rgb(7,32,42)
-
#0a2d3b
#0a2d3b
rgb(10,45,59)
-
#0c3a4c
#0c3a4c
rgb(12,58,76)
-
#0f475d
#0f475d
rgb(15,71,93)
-
#12536e
#12536e
rgb(18,83,110)
-
#14607f
#14607f
rgb(20,96,127)
-
#176d90
#176d90
rgb(23,109,144)
-
#1a7aa1
#1a7aa1
rgb(26,122,161)
-
#1d87b2
#1d87b2
rgb(29,135,178)
-
#1f93c2
#1f93c2
rgb(31,147,194)
-
#22a0d3
#22a0d3
rgb(34,160,211)
-
#2caadd
#2caadd
rgb(44,170,221)
-
#3db1e0
#3db1e0
rgb(61,177,224)
-
#4eb8e2
#4eb8e2
rgb(78,184,226)
-
#5fbee5
#5fbee5
rgb(95,190,229)
-
#70c5e8
#70c5e8
rgb(112,197,232)
-
#80cceb
#80cceb
rgb(128,204,235)
-
#91d3ed
#91d3ed
rgb(145,211,237)
-
#a2daf0
#a2daf0
rgb(162,218,240)
-
#b3e0f3
#b3e0f3
rgb(179,224,243)
-
#c4e7f5
#c4e7f5
rgb(196,231,245)
-
#d5eef8
#d5eef8
rgb(213,238,248)
-
#e6f5fb
#e6f5fb
rgb(230,245,251)
-
#f7fcfe
#f7fcfe
rgb(247,252,254)
Tones of #2caadd
A tone is produced by adding gray to any pure hue. In this case, #818688 is the less saturated color, while #10b6f9 is the most saturated one.
-
#818688
#818688
rgb(129,134,136)
-
#778a92
#778a92
rgb(119,138,146)
-
#6e8e9b
#6e8e9b
rgb(110,142,155)
-
#6592a4
#6592a4
rgb(101,146,164)
-
#5b96ae
#5b96ae
rgb(91,150,174)
-
#529ab7
#529ab7
rgb(82,154,183)
-
#489ec1
#489ec1
rgb(72,158,193)
-
#3fa2ca
#3fa2ca
rgb(63,162,202)
-
#35a6d4
#35a6d4
rgb(53,166,212)
-
#2caadd
#2caadd
rgb(44,170,221)
-
#23aee6
#23aee6
rgb(35,174,230)
-
#19b2f0
#19b2f0
rgb(25,178,240)
-
#10b6f9
#10b6f9
rgb(16,182,249)
Color Blindness Simulator
Below, you can see how #2caadd 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.