#3ca2a5 hex color

In a RGB color space, hex #3ca2a5 is composed of 23.5% red, 63.5% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 63.6% cyan, 1.8% magenta, 0% yellow and 35.3% black. It has a hue angle of 181.7 degrees, a saturation of 46.7% and a lightness of 44.1%. #3ca2a5 color hex could be obtained by blending #78ffff with #00454b. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 24
- G 64
- B 65
RGB color chart
- C 64
- M 2
- Y 0
- K 35
CMYK color chart

● #3ca2a5 color description : Dark moderate cyan.

The hexadecimal color #3ca2a5 has RGB values of R:60, G:162, B:165 and CMYK values of C:0.64, M:0.02, Y:0, K:0.35. Its decimal value is 3973797.

Hex triplet	3ca2a5	`#3ca2a5`
RGB Decimal	60, 162, 165	`rgb(60,162,165)`
RGB Percent	23.5, 63.5, 64.7	`rgb(23.5%,63.5%,64.7%)`
CMYK	64, 2, 0, 35
HSL	181.7°, 46.7, 44.1	`hsl(181.7,46.7%,44.1%)`
HSV (or HSB)	181.7°, 63.6, 64.7
Web Safe	339999	`#339999`

CIE-LAB	61.234, -27.91, -10.262
XYZ	21.573, 29.516, 40.155
xyY	0.236, 0.323, 29.516
CIE-LCH	61.234, 29.737, 200.188
CIE-LUV	61.234, -40.021, -11.202
Hunter-Lab	54.329, -24.195, -5.792
Binary	00111100, 10100010, 10100101

#3ca2a5
```
#3ca2a5 rgb(60,162,165)
```
#a53f3c
```
#a53f3c rgb(165,63,60)
```

Complementary Color

#3ca574
```
#3ca574 rgb(60,165,116)
```
#3ca2a5
```
#3ca2a5 rgb(60,162,165)
```
#3c6ea5
```
#3c6ea5 rgb(60,110,165)
```

Analogous Color

#a5743c
```
#a5743c rgb(165,116,60)
```
#3ca2a5
```
#3ca2a5 rgb(60,162,165)
```
#a53c6e
```
#a53c6e rgb(165,60,110)
```

Split Complementary Color

#a2a53c
```
#a2a53c rgb(162,165,60)
```
#3ca2a5
```
#3ca2a5 rgb(60,162,165)
```
#a53ca2
```
#a53ca2 rgb(165,60,162)
```

Triadic Color

#3ca53f
```
#3ca53f rgb(60,165,63)
```
#3ca2a5
```
#3ca2a5 rgb(60,162,165)
```
#a53ca2
```
#a53ca2 rgb(165,60,162)
```
#a53f3c
```
#a53f3c rgb(165,63,60)
```

Tetradic Color

#286b6d
```
#286b6d rgb(40,107,109)
```
#2e7d80
```
#2e7d80 rgb(46,125,128)
```
#359092
```
#359092 rgb(53,144,146)
```
#3ca2a5
```
#3ca2a5 rgb(60,162,165)
```
#43b4b8
```
#43b4b8 rgb(67,180,184)
```
#53bdc1
```
#53bdc1 rgb(83,189,193)
```
#66c5c7
```
#66c5c7 rgb(102,197,199)
```

Monochromatic Color

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

#3ca58e
```
#3ca58e rgb(60,165,142)
```
#3ca597
```
#3ca597 rgb(60,165,151)
```
#3ca59f
```
#3ca59f rgb(60,165,159)
```
#3ca2a5
```
#3ca2a5 rgb(60,162,165)
```
#3c99a5
```
#3c99a5 rgb(60,153,165)
```
#3c91a5
```
#3c91a5 rgb(60,145,165)
```
#3c88a5
```
#3c88a5 rgb(60,136,165)
```

Similar Colors

Text with hexadecimal color #3ca2a5

This text has a font color of #3ca2a5.

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

#3ca2a5 background color

This paragraph has a background color of #3ca2a5.

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

#3ca2a5 border color

This element has a border color of #3ca2a5.

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

CSS codes

.text {color:#3ca2a5;}

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

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

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

#020707
```
#020707 rgb(2,7,7)
```
#081515
```
#081515 rgb(8,21,21)
```
#0d2324
```
#0d2324 rgb(13,35,36)
```
#123132
```
#123132 rgb(18,49,50)
```
#173f40
```
#173f40 rgb(23,63,64)
```
#1d4d4f
```
#1d4d4f rgb(29,77,79)
```
#225b5d
```
#225b5d rgb(34,91,93)
```
#276a6b
```
#276a6b rgb(39,106,107)
```
#2c787a
```
#2c787a rgb(44,120,122)
```
#328688
```
#328688 rgb(50,134,136)
```
#379497
```
#379497 rgb(55,148,151)
```
#3ca2a5
```
#3ca2a5 rgb(60,162,165)
```
#41b0b3
```
#41b0b3 rgb(65,176,179)
```

Shade Color Variation

#4bbabd
```
#4bbabd rgb(75,186,189)
```
#59c0c3
```
#59c0c3 rgb(89,192,195)
```
#68c5c8
```
#68c5c8 rgb(104,197,200)
```
#76cbcd
```
#76cbcd rgb(118,203,205)
```
#84d0d2
```
#84d0d2 rgb(132,208,210)
```
#93d6d8
```
#93d6d8 rgb(147,214,216)
```
#a1dbdd
```
#a1dbdd rgb(161,219,221)
```
#afe1e2
```
#afe1e2 rgb(175,225,226)
```
#bee6e7
```
#bee6e7 rgb(190,230,231)
```
#cceced
```
#cceced rgb(204,236,237)
```
#dbf1f2
```
#dbf1f2 rgb(219,241,242)
```
#e9f7f7
```
#e9f7f7 rgb(233,247,247)
```
#f7fcfc
```
#f7fcfc rgb(247,252,252)
```

Tint Color Variation

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

#707171
```
#707171 rgb(112,113,113)
```
#67797a
```
#67797a rgb(103,121,122)
```
#5f8182
```
#5f8182 rgb(95,129,130)
```
#568a8b
```
#568a8b rgb(86,138,139)
```
#4d9294
```
#4d9294 rgb(77,146,148)
```
#459a9c
```
#459a9c rgb(69,154,156)
```
#3ca2a5
```
#3ca2a5 rgb(60,162,165)
```
#33aaae
```
#33aaae rgb(51,170,174)
```
#2bb2b6
```
#2bb2b6 rgb(43,178,182)
```
#22babf
```
#22babf rgb(34,186,191)
```
#19c3c8
```
#19c3c8 rgb(25,195,200)
```
#11cbd0
```
#11cbd0 rgb(17,203,208)
```
#08d3d9
```
#08d3d9 rgb(8,211,217)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#768a8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#9998a1 Protanopia 1% of men
#9c95af Deuteranopia 1% of men
#4aa5b1 Tritanopia 0.001% of the population

Trichromacy

#779ba2 Protanomaly 1% of men, 0.01% of women
#799aab Deuteranomaly 6% of men, 0.4% of women
#45a4ad Tritanomaly 0.01% of the population

#3ca2a5 hex color

#3ca2a5 Color Information

#3ca2a5 Color Conversion

Color Schemes with #3ca2a5

Alternatives to #3ca2a5

#3ca2a5 Preview

Shades and Tints of #3ca2a5

Tones of #3ca2a5

Color Blindness Simulator