#3ca4cd hex color

In a RGB color space, hex #3ca4cd is composed of 23.5% red, 64.3% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 70.7% cyan, 20% magenta, 0% yellow and 19.6% black. It has a hue angle of 197 degrees, a saturation of 59.2% and a lightness of 52%. #3ca4cd color hex could be obtained by blending #78ffff with #00499b. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 24
- G 64
- B 80
RGB color chart
- C 71
- M 20
- Y 0
- K 20
CMYK color chart

● #3ca4cd color description : Moderate blue.

The hexadecimal color #3ca4cd has RGB values of R:60, G:164, B:205 and CMYK values of C:0.71, M:0.2, Y:0, K:0.2. Its decimal value is 3974349.

Hex triplet	3ca4cd	`#3ca4cd`
RGB Decimal	60, 164, 205	`rgb(60,164,205)`
RGB Percent	23.5, 64.3, 80.4	`rgb(23.5%,64.3%,80.4%)`
CMYK	71, 20, 0, 20
HSL	197°, 59.2, 52	`hsl(197,59.2%,52%)`
HSV (or HSB)	197°, 70.7, 80.4
Web Safe	3399cc	`#3399cc`

CIE-LAB	63.274, -16.479, -29.567
XYZ	26.156, 31.917, 62.536
xyY	0.217, 0.265, 31.917
CIE-LCH	63.274, 33.849, 240.867
CIE-LUV	63.274, -38.468, -44.042
Hunter-Lab	56.495, -16.227, -26.083
Binary	00111100, 10100100, 11001101

#3ca4cd
```
#3ca4cd rgb(60,164,205)
```
#cd653c
```
#cd653c rgb(205,101,60)
```

Complementary Color

#3ccdae
```
#3ccdae rgb(60,205,174)
```
#3ca4cd
```
#3ca4cd rgb(60,164,205)
```
#3c5ccd
```
#3c5ccd rgb(60,92,205)
```

Analogous Color

#cdae3c
```
#cdae3c rgb(205,174,60)
```
#3ca4cd
```
#3ca4cd rgb(60,164,205)
```
#cd3c5c
```
#cd3c5c rgb(205,60,92)
```

Split Complementary Color

#a4cd3c
```
#a4cd3c rgb(164,205,60)
```
#3ca4cd
```
#3ca4cd rgb(60,164,205)
```
#cd3ca4
```
#cd3ca4 rgb(205,60,164)
```

Triadic Color

#3ccd65
```
#3ccd65 rgb(60,205,101)
```
#3ca4cd
```
#3ca4cd rgb(60,164,205)
```
#cd3ca4
```
#cd3ca4 rgb(205,60,164)
```
#cd653c
```
#cd653c rgb(205,101,60)
```

Tetradic Color

#267696
```
#267696 rgb(38,118,150)
```
#2c87aa
```
#2c87aa rgb(44,135,170)
```
#3197bf
```
#3197bf rgb(49,151,191)
```
#3ca4cd
```
#3ca4cd rgb(60,164,205)
```
#50add2
```
#50add2 rgb(80,173,210)
```
#65b7d7
```
#65b7d7 rgb(101,183,215)
```
#79c0dd
```
#79c0dd rgb(121,192,221)
```

Monochromatic Color

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

#3cc8cd
```
#3cc8cd rgb(60,200,205)
```
#3cbccd
```
#3cbccd rgb(60,188,205)
```
#3cb0cd
```
#3cb0cd rgb(60,176,205)
```
#3ca4cd
```
#3ca4cd rgb(60,164,205)
```
#3c98cd
```
#3c98cd rgb(60,152,205)
```
#3c8ccd
```
#3c8ccd rgb(60,140,205)
```
#3c80cd
```
#3c80cd rgb(60,128,205)
```

Similar Colors

Text with hexadecimal color #3ca4cd

This text has a font color of #3ca4cd.

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

#3ca4cd background color

This paragraph has a background color of #3ca4cd.

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

#3ca4cd border color

This element has a border color of #3ca4cd.

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

CSS codes

.text {color:#3ca4cd;}

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

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

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

#020608
```
#020608 rgb(2,6,8)
```
#061318
```
#061318 rgb(6,19,24)
```
#0a1f27
```
#0a1f27 rgb(10,31,39)
```
#0e2b37
```
#0e2b37 rgb(14,43,55)
```
#123846
```
#123846 rgb(18,56,70)
```
#164456
```
#164456 rgb(22,68,86)
```
#1a5066
```
#1a5066 rgb(26,80,102)
```
#1e5d75
```
#1e5d75 rgb(30,93,117)
```
#226985
```
#226985 rgb(34,105,133)
```
#267594
```
#267594 rgb(38,117,148)
```
#2a82a4
```
#2a82a4 rgb(42,130,164)
```
#2e8eb4
```
#2e8eb4 rgb(46,142,180)
```
#329ac3
```
#329ac3 rgb(50,154,195)
```

Shade Color Variation

#3ca4cd
```
#3ca4cd rgb(60,164,205)
```
#4cabd1
```
#4cabd1 rgb(76,171,209)
```
#5bb3d5
```
#5bb3d5 rgb(91,179,213)
```
#6bbad9
```
#6bbad9 rgb(107,186,217)
```
#7ac1dd
```
#7ac1dd rgb(122,193,221)
```
#8ac8e1
```
#8ac8e1 rgb(138,200,225)
```
#9ad0e5
```
#9ad0e5 rgb(154,208,229)
```
#a9d7e9
```
#a9d7e9 rgb(169,215,233)
```
#b9deed
```
#b9deed rgb(185,222,237)
```
#c9e6f1
```
#c9e6f1 rgb(201,230,241)
```
#d8edf5
```
#d8edf5 rgb(216,237,245)
```
#e8f4f9
```
#e8f4f9 rgb(232,244,249)
```
#f7fbfd
```
#f7fbfd rgb(247,251,253)
```

Tint Color Variation

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

#7e878b
```
#7e878b rgb(126,135,139)
```
#758b94
```
#758b94 rgb(117,139,148)
```
#6b909e
```
#6b909e rgb(107,144,158)
```
#6294a7
```
#6294a7 rgb(98,148,167)
```
#5898b1
```
#5898b1 rgb(88,152,177)
```
#4f9cba
```
#4f9cba rgb(79,156,186)
```
#45a0c4
```
#45a0c4 rgb(69,160,196)
```
#3ca4cd
```
#3ca4cd rgb(60,164,205)
```
#33a8d6
```
#33a8d6 rgb(51,168,214)
```
#29ace0
```
#29ace0 rgb(41,172,224)
```
#20b0e9
```
#20b0e9 rgb(32,176,233)
```
#16b4f3
```
#16b4f3 rgb(22,180,243)
```
#0db8fc
```
#0db8fc rgb(13,184,252)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#7a8f97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#929cc7 Protanopia 1% of men
#8b9cd4 Deuteranopia 1% of men
#31acb9 Tritanopia 0.001% of the population

Trichromacy

#739fc9 Protanomaly 1% of men, 0.01% of women
#6e9fd1 Deuteranomaly 6% of men, 0.4% of women
#35a9c0 Tritanomaly 0.01% of the population

#3ca4cd hex color

#3ca4cd Color Information

#3ca4cd Color Conversion

Color Schemes with #3ca4cd

Alternatives to #3ca4cd

#3ca4cd Preview

Shades and Tints of #3ca4cd

Tones of #3ca4cd

Color Blindness Simulator