#3ca196 hex color

In a RGB color space, hex #3ca196 is composed of 23.5% red, 63.1% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 0% magenta, 6.8% yellow and 36.9% black. It has a hue angle of 173.5 degrees, a saturation of 45.7% and a lightness of 43.3%. #3ca196 color hex could be obtained by blending #78ffff with #00432d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 24
- G 63
- B 59
RGB color chart
- C 63
- M 0
- Y 7
- K 37
CMYK color chart

● #3ca196 color description : Dark moderate cyan.

The hexadecimal color #3ca196 has RGB values of R:60, G:161, B:150 and CMYK values of C:0.63, M:0, Y:0.07, K:0.37. Its decimal value is 3973526.

Hex triplet	3ca196	`#3ca196`
RGB Decimal	60, 161, 150	`rgb(60,161,150)`
RGB Percent	23.5, 63.1, 58.8	`rgb(23.5%,63.1%,58.8%)`
CMYK	63, 0, 7, 37
HSL	173.5°, 45.7, 43.3	`hsl(173.5,45.7%,43.3%)`
HSV (or HSB)	173.5°, 62.7, 63.1
Web Safe	339999	`#339999`

CIE-LAB	60.472, -31.674, -2.931
XYZ	20.112, 28.651, 33.323
xyY	0.245, 0.349, 28.651
CIE-LCH	60.472, 31.809, 185.287
CIE-LUV	60.472, -40.51, 0.495
Hunter-Lab	53.526, -26.603, 0.558
Binary	00111100, 10100001, 10010110

#3ca196
```
#3ca196 rgb(60,161,150)
```
#a13c47
```
#a13c47 rgb(161,60,71)
```

Complementary Color

#3ca163
```
#3ca163 rgb(60,161,99)
```
#3ca196
```
#3ca196 rgb(60,161,150)
```
#3c7aa1
```
#3c7aa1 rgb(60,122,161)
```

Analogous Color

#a1633c
```
#a1633c rgb(161,99,60)
```
#3ca196
```
#3ca196 rgb(60,161,150)
```
#a13c7a
```
#a13c7a rgb(161,60,122)
```

Split Complementary Color

#a1963c
```
#a1963c rgb(161,150,60)
```
#3ca196
```
#3ca196 rgb(60,161,150)
```
#963ca1
```
#963ca1 rgb(150,60,161)
```

Triadic Color

#47a13c
```
#47a13c rgb(71,161,60)
```
#3ca196
```
#3ca196 rgb(60,161,150)
```
#963ca1
```
#963ca1 rgb(150,60,161)
```
#a13c47
```
#a13c47 rgb(161,60,71)
```

Tetradic Color

#276962
```
#276962 rgb(39,105,98)
```
#2e7c73
```
#2e7c73 rgb(46,124,115)
```
#358e85
```
#358e85 rgb(53,142,133)
```
#3ca196
```
#3ca196 rgb(60,161,150)
```
#43b4a7
```
#43b4a7 rgb(67,180,167)
```
#52beb3
```
#52beb3 rgb(82,190,179)
```
#64c5bb
```
#64c5bb rgb(100,197,187)
```

Monochromatic Color

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

#3ca17d
```
#3ca17d rgb(60,161,125)
```
#3ca185
```
#3ca185 rgb(60,161,133)
```
#3ca18e
```
#3ca18e rgb(60,161,142)
```
#3ca196
```
#3ca196 rgb(60,161,150)
```
#3ca19e
```
#3ca19e rgb(60,161,158)
```
#3c9ba1
```
#3c9ba1 rgb(60,155,161)
```
#3c93a1
```
#3c93a1 rgb(60,147,161)
```

Similar Colors

Text with hexadecimal color #3ca196

This text has a font color of #3ca196.

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

#3ca196 background color

This paragraph has a background color of #3ca196.

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

#3ca196 border color

This element has a border color of #3ca196.

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

CSS codes

.text {color:#3ca196;}

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

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

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

#010404
```
#010404 rgb(1,4,4)
```
#071211
```
#071211 rgb(7,18,17)
```
#0c201e
```
#0c201e rgb(12,32,30)
```
#112f2b
```
#112f2b rgb(17,47,43)
```
#173d39
```
#173d39 rgb(23,61,57)
```
#1c4b46
```
#1c4b46 rgb(28,75,70)
```
#215a53
```
#215a53 rgb(33,90,83)
```
#276861
```
#276861 rgb(39,104,97)
```
#2c766e
```
#2c766e rgb(44,118,110)
```
#31847b
```
#31847b rgb(49,132,123)
```
#379389
```
#379389 rgb(55,147,137)
```
#3ca196
```
#3ca196 rgb(60,161,150)
```
#41afa3
```
#41afa3 rgb(65,175,163)
```

Shade Color Variation

#49bbaf
```
#49bbaf rgb(73,187,175)
```
#57c1b5
```
#57c1b5 rgb(87,193,181)
```
#66c6bb
```
#66c6bb rgb(102,198,187)
```
#74cbc2
```
#74cbc2 rgb(116,203,194)
```
#82d0c8
```
#82d0c8 rgb(130,208,200)
```
#90d6ce
```
#90d6ce rgb(144,214,206)
```
#9fdbd5
```
#9fdbd5 rgb(159,219,213)
```
#ade0db
```
#ade0db rgb(173,224,219)
```
#bbe6e1
```
#bbe6e1 rgb(187,230,225)
```
#caebe7
```
#caebe7 rgb(202,235,231)
```
#d8f0ee
```
#d8f0ee rgb(216,240,238)
```
#e6f6f4
```
#e6f6f4 rgb(230,246,244)
```
#f5fbfa
```
#f5fbfa rgb(245,251,250)
```

Tint Color Variation

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

#677775
```
#677775 rgb(103,119,117)
```
#5e7f7b
```
#5e7f7b rgb(94,127,123)
```
#568882
```
#568882 rgb(86,136,130)
```
#4d9089
```
#4d9089 rgb(77,144,137)
```
#45998f
```
#45998f rgb(69,153,143)
```
#3ca196
```
#3ca196 rgb(60,161,150)
```
#34aa9d
```
#34aa9d rgb(52,170,157)
```
#2bb2a3
```
#2bb2a3 rgb(43,178,163)
```
#23bbaa
```
#23bbaa rgb(35,187,170)
```
#1ac3b1
```
#1ac3b1 rgb(26,195,177)
```
#12ccb7
```
#12ccb7 rgb(18,204,183)
```
#09d4be
```
#09d4be rgb(9,212,190)
```
#00ddc5
```
#00ddc5 rgb(0,221,197)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#748886 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a9693 Protanopia 1% of men
#a093a2 Deuteranopia 1% of men
#50a2ae Tritanopia 0.001% of the population

Trichromacy

#789a94 Protanomaly 1% of men, 0.01% of women
#7b989d Deuteranomaly 6% of men, 0.4% of women
#48a2a5 Tritanomaly 0.01% of the population

#3ca196 hex color

#3ca196 Color Information

#3ca196 Color Conversion

Color Schemes with #3ca196

Alternatives to #3ca196

#3ca196 Preview

Shades and Tints of #3ca196

Tones of #3ca196

Color Blindness Simulator