#3cd5bf hex color

In a RGB color space, hex #3cd5bf is composed of 23.5% red, 83.5% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 71.8% cyan, 0% magenta, 10.3% yellow and 16.5% black. It has a hue angle of 171.4 degrees, a saturation of 64.6% and a lightness of 53.5%. #3cd5bf color hex could be obtained by blending #78ffff with #00ab7f. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 24
- G 84
- B 75
RGB color chart
- C 72
- M 0
- Y 10
- K 16
CMYK color chart

● #3cd5bf color description : Moderate cyan.

The hexadecimal color #3cd5bf has RGB values of R:60, G:213, B:191 and CMYK values of C:0.72, M:0, Y:0.1, K:0.16. Its decimal value is 3986879.

Hex triplet	3cd5bf	`#3cd5bf`
RGB Decimal	60, 213, 191	`rgb(60,213,191)`
RGB Percent	23.5, 83.5, 74.9	`rgb(23.5%,83.5%,74.9%)`
CMYK	72, 0, 10, 16
HSL	171.4°, 64.6, 53.5	`hsl(171.4,64.6%,53.5%)`
HSV (or HSB)	171.4°, 71.8, 83.5
Web Safe	33cccc	`#33cccc`

CIE-LAB	77.464, -44.281, -0.547
XYZ	35.059, 52.307, 57.536
xyY	0.242, 0.361, 52.307
CIE-LCH	77.464, 44.285, 180.708
CIE-LUV	77.464, -56.912, 6.137
Hunter-Lab	72.324, -40.04, 3.46
Binary	00111100, 11010101, 10111111

#3cd5bf
```
#3cd5bf rgb(60,213,191)
```
#d53c52
```
#d53c52 rgb(213,60,82)
```

Complementary Color

#3cd573
```
#3cd573 rgb(60,213,115)
```
#3cd5bf
```
#3cd5bf rgb(60,213,191)
```
#3c9fd5
```
#3c9fd5 rgb(60,159,213)
```

Analogous Color

#d5733c
```
#d5733c rgb(213,115,60)
```
#3cd5bf
```
#3cd5bf rgb(60,213,191)
```
#d53c9f
```
#d53c9f rgb(213,60,159)
```

Split Complementary Color

#d5bf3c
```
#d5bf3c rgb(213,191,60)
```
#3cd5bf
```
#3cd5bf rgb(60,213,191)
```
#bf3cd5
```
#bf3cd5 rgb(191,60,213)
```

Triadic Color

#52d53c
```
#52d53c rgb(82,213,60)
```
#3cd5bf
```
#3cd5bf rgb(60,213,191)
```
#bf3cd5
```
#bf3cd5 rgb(191,60,213)
```
#d53c52
```
#d53c52 rgb(213,60,82)
```

Tetradic Color

#23a28f
```
#23a28f rgb(35,162,143)
```
#27b7a2
```
#27b7a2 rgb(39,183,162)
```
#2cccb5
```
#2cccb5 rgb(44,204,181)
```
#3cd5bf
```
#3cd5bf rgb(60,213,191)
```
#51dac6
```
#51dac6 rgb(81,218,198)
```
#66decd
```
#66decd rgb(102,222,205)
```
#7be3d4
```
#7be3d4 rgb(123,227,212)
```

Monochromatic Color

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

#3cd599
```
#3cd599 rgb(60,213,153)
```
#3cd5a6
```
#3cd5a6 rgb(60,213,166)
```
#3cd5b2
```
#3cd5b2 rgb(60,213,178)
```
#3cd5bf
```
#3cd5bf rgb(60,213,191)
```
#3cd5cc
```
#3cd5cc rgb(60,213,204)
```
#3cd2d5
```
#3cd2d5 rgb(60,210,213)
```
#3cc5d5
```
#3cc5d5 rgb(60,197,213)
```

Similar Colors

Text with hexadecimal color #3cd5bf

This text has a font color of #3cd5bf.

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

#3cd5bf background color

This paragraph has a background color of #3cd5bf.

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

#3cd5bf border color

This element has a border color of #3cd5bf.

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

CSS codes

.text {color:#3cd5bf;}

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

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

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, #030f0d is the darkest color, while #feffff is the lightest one.

#030f0d
```
#030f0d rgb(3,15,13)
```
#071f1b
```
#071f1b rgb(7,31,27)
```
#0a2f2a
```
#0a2f2a rgb(10,47,42)
```
#0e3f38
```
#0e3f38 rgb(14,63,56)
```
#114f46
```
#114f46 rgb(17,79,70)
```
#156055
```
#156055 rgb(21,96,85)
```
#187063
```
#187063 rgb(24,112,99)
```
#1c8071
```
#1c8071 rgb(28,128,113)
```
#1f9080
```
#1f9080 rgb(31,144,128)
```
#22a08e
```
#22a08e rgb(34,160,142)
```
#26b09c
```
#26b09c rgb(38,176,156)
```
#29c0ab
```
#29c0ab rgb(41,192,171)
```
#2dd0b9
```
#2dd0b9 rgb(45,208,185)
```

Shade Color Variation

#3cd5bf
```
#3cd5bf rgb(60,213,191)
```
#4cd8c4
```
#4cd8c4 rgb(76,216,196)
```
#5cdcca
```
#5cdcca rgb(92,220,202)
```
#6cdfcf
```
#6cdfcf rgb(108,223,207)
```
#7de3d4
```
#7de3d4 rgb(125,227,212)
```
#8de6d9
```
#8de6d9 rgb(141,230,217)
```
#9deadf
```
#9deadf rgb(157,234,223)
```
#adede4
```
#adede4 rgb(173,237,228)
```
#bdf1e9
```
#bdf1e9 rgb(189,241,233)
```
#cdf4ef
```
#cdf4ef rgb(205,244,239)
```
#ddf8f4
```
#ddf8f4 rgb(221,248,244)
```
#eefbf9
```
#eefbf9 rgb(238,251,249)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #858c8b is the less saturated color, while #18f9d9 is the most saturated one.

#858c8b
```
#858c8b rgb(133,140,139)
```
#7c9592
```
#7c9592 rgb(124,149,146)
```
#739e98
```
#739e98 rgb(115,158,152)
```
#6aa79f
```
#6aa79f rgb(106,167,159)
```
#60b1a5
```
#60b1a5 rgb(96,177,165)
```
#57baac
```
#57baac rgb(87,186,172)
```
#4ec3b2
```
#4ec3b2 rgb(78,195,178)
```
#45ccb9
```
#45ccb9 rgb(69,204,185)
```
#3cd5bf
```
#3cd5bf rgb(60,213,191)
```
#33dec5
```
#33dec5 rgb(51,222,197)
```
#2ae7cc
```
#2ae7cc rgb(42,231,204)
```
#21f0d2
```
#21f0d2 rgb(33,240,210)
```
#18f9d9
```
#18f9d9 rgb(24,249,217)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#90afaa Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8c1b7 Protanopia 1% of men
#d0bdcb Deuteranopia 1% of men
#5bd2e1 Tritanopia 0.001% of the population

Trichromacy

#95c8ba Protanomaly 1% of men, 0.01% of women
#9ac5c7 Deuteranomaly 6% of men, 0.4% of women
#4fd3d5 Tritanomaly 0.01% of the population

#3cd5bf hex color

#3cd5bf Color Information

#3cd5bf Color Conversion

Color Schemes with #3cd5bf

Alternatives to #3cd5bf

#3cd5bf Preview

Shades and Tints of #3cd5bf

Tones of #3cd5bf

Color Blindness Simulator