#3ca4c3 hex color

In a RGB color space, hex #3ca4c3 is composed of 23.5% red, 64.3% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 69.2% cyan, 15.9% magenta, 0% yellow and 23.5% black. It has a hue angle of 193.8 degrees, a saturation of 52.9% and a lightness of 50%. #3ca4c3 color hex could be obtained by blending #78ffff with #004987. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 24
- G 64
- B 76
RGB color chart
- C 69
- M 16
- Y 0
- K 24
CMYK color chart

● #3ca4c3 color description : Moderate cyan.

The hexadecimal color #3ca4c3 has RGB values of R:60, G:164, B:195 and CMYK values of C:0.69, M:0.16, Y:0, K:0.24. Its decimal value is 3974339.

Hex triplet	3ca4c3	`#3ca4c3`
RGB Decimal	60, 164, 195	`rgb(60,164,195)`
RGB Percent	23.5, 64.3, 76.5	`rgb(23.5%,64.3%,76.5%)`
CMYK	69, 16, 0, 24
HSL	193.8°, 52.9, 50	`hsl(193.8,52.9%,50%)`
HSV (or HSB)	193.8°, 69.2, 76.5
Web Safe	3399cc	`#3399cc`

CIE-LAB	62.885, -19.721, -24.593
XYZ	24.987, 31.45, 56.38
xyY	0.221, 0.279, 31.45
CIE-LCH	62.885, 31.524, 231.274
CIE-LUV	62.885, -39.029, -35.365
Hunter-Lab	56.08, -18.609, -20.352
Binary	00111100, 10100100, 11000011

#3ca4c3
```
#3ca4c3 rgb(60,164,195)
```
#c35b3c
```
#c35b3c rgb(195,91,60)
```

Complementary Color

#3cc39f
```
#3cc39f rgb(60,195,159)
```
#3ca4c3
```
#3ca4c3 rgb(60,164,195)
```
#3c61c3
```
#3c61c3 rgb(60,97,195)
```

Analogous Color

#c39f3c
```
#c39f3c rgb(195,159,60)
```
#3ca4c3
```
#3ca4c3 rgb(60,164,195)
```
#c33c61
```
#c33c61 rgb(195,60,97)
```

Split Complementary Color

#a4c33c
```
#a4c33c rgb(164,195,60)
```
#3ca4c3
```
#3ca4c3 rgb(60,164,195)
```
#c33ca4
```
#c33ca4 rgb(195,60,164)
```

Triadic Color

#3cc35b
```
#3cc35b rgb(60,195,91)
```
#3ca4c3
```
#3ca4c3 rgb(60,164,195)
```
#c33ca4
```
#c33ca4 rgb(195,60,164)
```
#c35b3c
```
#c35b3c rgb(195,91,60)
```

Tetradic Color

#2a7389
```
#2a7389 rgb(42,115,137)
```
#30839c
```
#30839c rgb(48,131,156)
```
#3694b0
```
#3694b0 rgb(54,148,176)
```
#3ca4c3
```
#3ca4c3 rgb(60,164,195)
```
#50adc9
```
#50adc9 rgb(80,173,201)
```
#63b6cf
```
#63b6cf rgb(99,182,207)
```
#77bfd5
```
#77bfd5 rgb(119,191,213)
```

Monochromatic Color

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

#3cc3c0
```
#3cc3c0 rgb(60,195,192)
```
#3cbbc3
```
#3cbbc3 rgb(60,187,195)
```
#3cafc3
```
#3cafc3 rgb(60,175,195)
```
#3ca4c3
```
#3ca4c3 rgb(60,164,195)
```
#3c99c3
```
#3c99c3 rgb(60,153,195)
```
#3c8ec3
```
#3c8ec3 rgb(60,142,195)
```
#3c82c3
```
#3c82c3 rgb(60,130,195)
```

Similar Colors

Text with hexadecimal color #3ca4c3

This text has a font color of #3ca4c3.

<span style="color:#3ca4c3;">Text here</span>

#3ca4c3 background color

This paragraph has a background color of #3ca4c3.

<p style="background-color:#3ca4c3;">Content here</p>

#3ca4c3 border color

This element has a border color of #3ca4c3.

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

CSS codes

.text {color:#3ca4c3;}

.background {background-color:#3ca4c3;}

.border {border:1px solid #3ca4c3;}

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, #050d0f is the darkest color, while #ffffff is the lightest one.

#050d0f
```
#050d0f rgb(5,13,15)
```
#09191e
```
#09191e rgb(9,25,30)
```
#0e262d
```
#0e262d rgb(14,38,45)
```
#12323c
```
#12323c rgb(18,50,60)
```
#173f4b
```
#173f4b rgb(23,63,75)
```
#1c4c5a
```
#1c4c5a rgb(28,76,90)
```
#205869
```
#205869 rgb(32,88,105)
```
#256578
```
#256578 rgb(37,101,120)
```
#2a7287
```
#2a7287 rgb(42,114,135)
```
#2e7e96
```
#2e7e96 rgb(46,126,150)
```
#338ba5
```
#338ba5 rgb(51,139,165)
```
#3797b4
```
#3797b4 rgb(55,151,180)
```
#3ca4c3
```
#3ca4c3 rgb(60,164,195)
```

Shade Color Variation

#4babc8
```
#4babc8 rgb(75,171,200)
```
#5ab2cc
```
#5ab2cc rgb(90,178,204)
```
#69b9d1
```
#69b9d1 rgb(105,185,209)
```
#78c0d5
```
#78c0d5 rgb(120,192,213)
```
#87c7da
```
#87c7da rgb(135,199,218)
```
#96cedf
```
#96cedf rgb(150,206,223)
```
#a5d5e3
```
#a5d5e3 rgb(165,213,227)
```
#b4dce8
```
#b4dce8 rgb(180,220,232)
```
#c3e3ed
```
#c3e3ed rgb(195,227,237)
```
#d2eaf1
```
#d2eaf1 rgb(210,234,241)
```
#e1f1f6
```
#e1f1f6 rgb(225,241,246)
```
#f0f8fa
```
#f0f8fa rgb(240,248,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #778488 is the less saturated color, while #01c4fe is the most saturated one.

#778488
```
#778488 rgb(119,132,136)
```
#6d8992
```
#6d8992 rgb(109,137,146)
```
#638f9c
```
#638f9c rgb(99,143,156)
```
#5994a6
```
#5994a6 rgb(89,148,166)
```
#5099af
```
#5099af rgb(80,153,175)
```
#469fb9
```
#469fb9 rgb(70,159,185)
```
#3ca4c3
```
#3ca4c3 rgb(60,164,195)
```
#32a9cd
```
#32a9cd rgb(50,169,205)
```
#28afd7
```
#28afd7 rgb(40,175,215)
```
#1fb4e0
```
#1fb4e0 rgb(31,180,224)
```
#15b9ea
```
#15b9ea rgb(21,185,234)
```
#0bbff4
```
#0bbff4 rgb(11,191,244)
```
#01c4fe
```
#01c4fe rgb(1,196,254)
```

Tone Color Variation

Below, you can see how #3ca4c3 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

#888888 Achromatopsia 0.005% of the population
#798e94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#959cbe Protanopia 1% of men
#919bcb Deuteranopia 1% of men
#3aabb7 Tritanopia 0.001% of the population

Trichromacy

#749ebf Protanomaly 1% of men, 0.01% of women
#729ec8 Deuteranomaly 6% of men, 0.4% of women
#3ba8bb Tritanomaly 0.01% of the population

#3ca4c3 hex color

#3ca4c3 Color Information

#3ca4c3 Color Conversion

Color Schemes with #3ca4c3

Alternatives to #3ca4c3

#3ca4c3 Preview

Shades and Tints of #3ca4c3

Tones of #3ca4c3

Color Blindness Simulator