#3cb1ae hex color

In a RGB color space, hex #3cb1ae is composed of 23.5% red, 69.4% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 66.1% cyan, 0% magenta, 1.7% yellow and 30.6% black. It has a hue angle of 178.5 degrees, a saturation of 49.4% and a lightness of 46.5%. #3cb1ae color hex could be obtained by blending #78ffff with #00635d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 24
- G 69
- B 68
RGB color chart
- C 66
- M 0
- Y 2
- K 31
CMYK color chart

● #3cb1ae color description : Dark moderate cyan.

The hexadecimal color #3cb1ae has RGB values of R:60, G:177, B:174 and CMYK values of C:0.66, M:0, Y:0.02, K:0.31. Its decimal value is 3977646.

Hex triplet	3cb1ae	`#3cb1ae`
RGB Decimal	60, 177, 174	`rgb(60,177,174)`
RGB Percent	23.5, 69.4, 68.2	`rgb(23.5%,69.4%,68.2%)`
CMYK	66, 0, 2, 31
HSL	178.5°, 49.4, 46.5	`hsl(178.5,49.4%,46.5%)`
HSV (or HSB)	178.5°, 66.1, 69.4
Web Safe	339999	`#339999`

CIE-LAB	66.104, -32.588, -8.028
XYZ	25.223, 35.459, 45.557
xyY	0.237, 0.334, 35.459
CIE-LCH	66.104, 33.562, 193.84
CIE-LUV	66.104, -45.042, -7.174
Hunter-Lab	59.547, -28.598, -3.677
Binary	00111100, 10110001, 10101110

#3cb1ae
```
#3cb1ae rgb(60,177,174)
```
#b13c3f
```
#b13c3f rgb(177,60,63)
```

Complementary Color

#3cb174
```
#3cb174 rgb(60,177,116)
```
#3cb1ae
```
#3cb1ae rgb(60,177,174)
```
#3c7ab1
```
#3c7ab1 rgb(60,122,177)
```

Analogous Color

#b1743c
```
#b1743c rgb(177,116,60)
```
#3cb1ae
```
#3cb1ae rgb(60,177,174)
```
#b13c7a
```
#b13c7a rgb(177,60,122)
```

Split Complementary Color

#b1ae3c
```
#b1ae3c rgb(177,174,60)
```
#3cb1ae
```
#3cb1ae rgb(60,177,174)
```
#ae3cb1
```
#ae3cb1 rgb(174,60,177)
```

Triadic Color

#3fb13c
```
#3fb13c rgb(63,177,60)
```
#3cb1ae
```
#3cb1ae rgb(60,177,174)
```
#ae3cb1
```
#ae3cb1 rgb(174,60,177)
```
#b13c3f
```
#b13c3f rgb(177,60,63)
```

Tetradic Color

#297876
```
#297876 rgb(41,120,118)
```
#2f8b89
```
#2f8b89 rgb(47,139,137)
```
#369e9b
```
#369e9b rgb(54,158,155)
```
#3cb1ae
```
#3cb1ae rgb(60,177,174)
```
#46c0bd
```
#46c0bd rgb(70,192,189)
```
#59c7c4
```
#59c7c4 rgb(89,199,196)
```
#6ccdcb
```
#6ccdcb rgb(108,205,203)
```

Monochromatic Color

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

#3cb191
```
#3cb191 rgb(60,177,145)
```
#3cb19b
```
#3cb19b rgb(60,177,155)
```
#3cb1a4
```
#3cb1a4 rgb(60,177,164)
```
#3cb1ae
```
#3cb1ae rgb(60,177,174)
```
#3caab1
```
#3caab1 rgb(60,170,177)
```
#3ca1b1
```
#3ca1b1 rgb(60,161,177)
```
#3c97b1
```
#3c97b1 rgb(60,151,177)
```

Similar Colors

Text with hexadecimal color #3cb1ae

This text has a font color of #3cb1ae.

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

#3cb1ae background color

This paragraph has a background color of #3cb1ae.

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

#3cb1ae border color

This element has a border color of #3cb1ae.

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

CSS codes

.text {color:#3cb1ae;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#051010
```
#051010 rgb(5,16,16)
```
#0a1f1e
```
#0a1f1e rgb(10,31,30)
```
#0f2d2c
```
#0f2d2c rgb(15,45,44)
```
#143c3b
```
#143c3b rgb(20,60,59)
```
#194a49
```
#194a49 rgb(25,74,73)
```
#1e5958
```
#1e5958 rgb(30,89,88)
```
#236866
```
#236866 rgb(35,104,102)
```
#287674
```
#287674 rgb(40,118,116)
```
#2d8583
```
#2d8583 rgb(45,133,131)
```
#329491
```
#329491 rgb(50,148,145)
```
#37a2a0
```
#37a2a0 rgb(55,162,160)
```
#3cb1ae
```
#3cb1ae rgb(60,177,174)
```

Shade Color Variation

#42bfbc
```
#42bfbc rgb(66,191,188)
```
#50c4c1
```
#50c4c1 rgb(80,196,193)
```
#5fc9c6
```
#5fc9c6 rgb(95,201,198)
```
#6ececb
```
#6ececb rgb(110,206,203)
```
#7cd3d1
```
#7cd3d1 rgb(124,211,209)
```
#8bd8d6
```
#8bd8d6 rgb(139,216,214)
```
#9adddb
```
#9adddb rgb(154,221,219)
```
#a8e2e0
```
#a8e2e0 rgb(168,226,224)
```
#b7e7e5
```
#b7e7e5 rgb(183,231,229)
```
#c6eceb
```
#c6eceb rgb(198,236,235)
```
#d4f1f0
```
#d4f1f0 rgb(212,241,240)
```
#e3f5f5
```
#e3f5f5 rgb(227,245,245)
```
#f2fafa
```
#f2fafa rgb(242,250,250)
```

Tint Color Variation

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

#737a7a
```
#737a7a rgb(115,122,122)
```
#6a8383
```
#6a8383 rgb(106,131,131)
```
#608d8b
```
#608d8b rgb(96,141,139)
```
#579694
```
#579694 rgb(87,150,148)
```
#4e9f9d
```
#4e9f9d rgb(78,159,157)
```
#45a8a5
```
#45a8a5 rgb(69,168,165)
```
#3cb1ae
```
#3cb1ae rgb(60,177,174)
```
#33bab7
```
#33bab7 rgb(51,186,183)
```
#2ac3bf
```
#2ac3bf rgb(42,195,191)
```
#21ccc8
```
#21ccc8 rgb(33,204,200)
```
#18d5d1
```
#18d5d1 rgb(24,213,209)
```
#0edfd9
```
#0edfd9 rgb(14,223,217)
```
#05e8e2
```
#05e8e2 rgb(5,232,226)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#7e9594 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7a4a9 Protanopia 1% of men
#aba1b9 Deuteranopia 1% of men
#4eb2bf Tritanopia 0.001% of the population

Trichromacy

#80a9aa Protanomaly 1% of men, 0.01% of women
#82a7b5 Deuteranomaly 6% of men, 0.4% of women
#47b2b9 Tritanomaly 0.01% of the population

#3cb1ae hex color

#3cb1ae Color Information

#3cb1ae Color Conversion

Color Schemes with #3cb1ae

Alternatives to #3cb1ae

#3cb1ae Preview

Shades and Tints of #3cb1ae

Tones of #3cb1ae

Color Blindness Simulator