#2ca3d5 hex color

In a RGB color space, hex #2ca3d5 is composed of 17.3% red, 63.9% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 79.3% cyan, 23.5% magenta, 0% yellow and 16.5% black. It has a hue angle of 197.8 degrees, a saturation of 66.8% and a lightness of 50.4%. #2ca3d5 color hex could be obtained by blending #58ffff with #0047ab. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 17
- G 64
- B 84
RGB color chart
- C 79
- M 23
- Y 0
- K 16
CMYK color chart

● #2ca3d5 color description : Strong blue.

The hexadecimal color #2ca3d5 has RGB values of R:44, G:163, B:213 and CMYK values of C:0.79, M:0.23, Y:0, K:0.16. Its decimal value is 2925525.

Hex triplet	2ca3d5	`#2ca3d5`
RGB Decimal	44, 163, 213	`rgb(44,163,213)`
RGB Percent	17.3, 63.9, 83.5	`rgb(17.3%,63.9%,83.5%)`
CMYK	79, 23, 0, 16
HSL	197.8°, 66.8, 50.4	`hsl(197.8,66.8%,50.4%)`
HSV (or HSB)	197.8°, 79.3, 83.5
Web Safe	3399cc	`#3399cc`

CIE-LAB	62.954, -15.149, -34.538
XYZ	26.143, 31.532, 67.656
xyY	0.209, 0.252, 31.532
CIE-LCH	62.954, 37.714, 246.316
CIE-LUV	62.954, -40.015, -52.487
Hunter-Lab	56.153, -15.164, -32.128
Binary	00101100, 10100011, 11010101

#2ca3d5
```
#2ca3d5 rgb(44,163,213)
```
#d55e2c
```
#d55e2c rgb(213,94,44)
```

Complementary Color

#2cd5b3
```
#2cd5b3 rgb(44,213,179)
```
#2ca3d5
```
#2ca3d5 rgb(44,163,213)
```
#2c4ed5
```
#2c4ed5 rgb(44,78,213)
```

Analogous Color

#d5b32c
```
#d5b32c rgb(213,179,44)
```
#2ca3d5
```
#2ca3d5 rgb(44,163,213)
```
#d52c4e
```
#d52c4e rgb(213,44,78)
```

Split Complementary Color

#a3d52c
```
#a3d52c rgb(163,213,44)
```
#2ca3d5
```
#2ca3d5 rgb(44,163,213)
```
#d52ca3
```
#d52ca3 rgb(213,44,163)
```

Triadic Color

#2cd55e
```
#2cd55e rgb(44,213,94)
```
#2ca3d5
```
#2ca3d5 rgb(44,163,213)
```
#d52ca3
```
#d52ca3 rgb(213,44,163)
```
#d55e2c
```
#d55e2c rgb(213,94,44)
```

Tetradic Color

#1e7397
```
#1e7397 rgb(30,115,151)
```
#2283ac
```
#2283ac rgb(34,131,172)
```
#2693c1
```
#2693c1 rgb(38,147,193)
```
#2ca3d5
```
#2ca3d5 rgb(44,163,213)
```
#41acd9
```
#41acd9 rgb(65,172,217)
```
#57b6dd
```
#57b6dd rgb(87,182,221)
```
#6cbfe2
```
#6cbfe2 rgb(108,191,226)
```

Monochromatic Color

Below, you can see some colors close to #2ca3d5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#2ccdd5
```
#2ccdd5 rgb(44,205,213)
```
#2cbfd5
```
#2cbfd5 rgb(44,191,213)
```
#2cb1d5
```
#2cb1d5 rgb(44,177,213)
```
#2ca3d5
```
#2ca3d5 rgb(44,163,213)
```
#2c95d5
```
#2c95d5 rgb(44,149,213)
```
#2c87d5
```
#2c87d5 rgb(44,135,213)
```
#2c79d5
```
#2c79d5 rgb(44,121,213)
```

Similar Colors

Text with hexadecimal color #2ca3d5

This text has a font color of #2ca3d5.

<span style="color:#2ca3d5;">Text here</span>

#2ca3d5 background color

This paragraph has a background color of #2ca3d5.

<p style="background-color:#2ca3d5;">Content here</p>

#2ca3d5 border color

This element has a border color of #2ca3d5.

<div style="border:1px solid #2ca3d5;">Content here</div>

CSS codes

.text {color:#2ca3d5;}

.background {background-color:#2ca3d5;}

.border {border:1px solid #2ca3d5;}

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, #000102 is the darkest color, while #f0f9fc is the lightest one.

#000102
```
#000102 rgb(0,1,2)
```
#040e12
```
#040e12 rgb(4,14,18)
```
#071a22
```
#071a22 rgb(7,26,34)
```
#0a2733
```
#0a2733 rgb(10,39,51)
```
#0d3343
```
#0d3343 rgb(13,51,67)
```
#114053
```
#114053 rgb(17,64,83)
```
#144c64
```
#144c64 rgb(20,76,100)
```
#175974
```
#175974 rgb(23,89,116)
```
#1a6585
```
#1a6585 rgb(26,101,133)
```
#1e7295
```
#1e7295 rgb(30,114,149)
```
#217ea5
```
#217ea5 rgb(33,126,165)
```
#248bb6
```
#248bb6 rgb(36,139,182)
```
#2797c6
```
#2797c6 rgb(39,151,198)
```

Shade Color Variation

#2ca3d5
```
#2ca3d5 rgb(44,163,213)
```
#3caad8
```
#3caad8 rgb(60,170,216)
```
#4db1dc
```
#4db1dc rgb(77,177,220)
```
#5db8df
```
#5db8df rgb(93,184,223)
```
#6dc0e2
```
#6dc0e2 rgb(109,192,226)
```
#7ec7e5
```
#7ec7e5 rgb(126,199,229)
```
#8ecee9
```
#8ecee9 rgb(142,206,233)
```
#9fd5ec
```
#9fd5ec rgb(159,213,236)
```
#afdcef
```
#afdcef rgb(175,220,239)
```
#bfe3f2
```
#bfe3f2 rgb(191,227,242)
```
#d0eaf6
```
#d0eaf6 rgb(208,234,246)
```
#e0f1f9
```
#e0f1f9 rgb(224,241,249)
```
#f0f9fc
```
#f0f9fc rgb(240,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a8387 is the less saturated color, while #05b3fc is the most saturated one.

#7a8387
```
#7a8387 rgb(122,131,135)
```
#708791
```
#708791 rgb(112,135,145)
```
#668b9b
```
#668b9b rgb(102,139,155)
```
#5d8fa4
```
#5d8fa4 rgb(93,143,164)
```
#5393ae
```
#5393ae rgb(83,147,174)
```
#4997b8
```
#4997b8 rgb(73,151,184)
```
#3f9bc2
```
#3f9bc2 rgb(63,155,194)
```
#369fcb
```
#369fcb rgb(54,159,203)
```
#2ca3d5
```
#2ca3d5 rgb(44,163,213)
```
#22a7df
```
#22a7df rgb(34,167,223)
```
#19abe8
```
#19abe8 rgb(25,171,232)
```
#0faff2
```
#0faff2 rgb(15,175,242)
```
#05b3fc
```
#05b3fc rgb(5,179,252)
```

Tone Color Variation

Below, you can see how #2ca3d5 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.

Monochromacy

#858585 Achromatopsia 0.005% of the population
#738b95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e9bce Protanopia 1% of men
#839cdb Deuteranopia 1% of men
#00acb9 Tritanopia 0.001% of the population

Trichromacy

#6a9ed1 Protanomaly 1% of men, 0.01% of women
#639ed9 Deuteranomaly 6% of men, 0.4% of women
#10a9c3 Tritanomaly 0.01% of the population

#2ca3d5 hex color

#2ca3d5 Color Information

#2ca3d5 Color Conversion

Color Schemes with #2ca3d5

Alternatives to #2ca3d5

#2ca3d5 Preview

Shades and Tints of #2ca3d5

Tones of #2ca3d5

Color Blindness Simulator