colorhexa.com

#3dd6b0 hex color

In a RGB color space, hex #3dd6b0 is composed of 23.9% red, 83.9% green and 69% blue. Whereas in a CMYK color space, it is composed of 71.5% cyan, 0% magenta, 17.8% yellow and 16.1% black. It has a hue angle of 165.1 degrees, a saturation of 65.1% and a lightness of 53.9%. #3dd6b0 color hex could be obtained by blending #7affff with #00ad61. Closest websafe color is: #33cc99.

- R 24
- G 84
- B 69
RGB color chart
- C 71
- M 0
- Y 18
- K 16
CMYK color chart

● #3dd6b0 color description : Moderate cyan.

The hexadecimal color #3dd6b0 has RGB values of R:61, G:214, B:176 and CMYK values of C:0.71, M:0, Y:0.18, K:0.16. Its decimal value is 4052656.

Hex triplet	3dd6b0	`#3dd6b0`
RGB Decimal	61, 214, 176	`rgb(61,214,176)`
RGB Percent	23.9, 83.9, 69	`rgb(23.9%,83.9%,69%)`
CMYK	71, 0, 18, 16
HSL	165.1°, 65.1, 53.9	`hsl(165.1,65.1%,53.9%)`
HSV (or HSB)	165.1°, 71.5, 83.9
Web Safe	33cc99	`#33cc99`

CIE-LAB	77.41, -48.375, 7.404
XYZ	33.805, 52.217, 49.369
xyY	0.25, 0.386, 52.217
CIE-LCH	77.41, 48.938, 171.299
CIE-LUV	77.41, -58.106, 18.694
Hunter-Lab	72.261, -42.952, 10.076
Binary	00111101, 11010110, 10110000

#3dd6b0
```
#3dd6b0 rgb(61,214,176)
```
#d63d63
```
#d63d63 rgb(214,61,99)
```

Complementary Color

#3dd664
```
#3dd664 rgb(61,214,100)
```
#3dd6b0
```
#3dd6b0 rgb(61,214,176)
```
#3db0d6
```
#3db0d6 rgb(61,176,214)
```

Analogous Color

#d6643d
```
#d6643d rgb(214,100,61)
```
#3dd6b0
```
#3dd6b0 rgb(61,214,176)
```
#d63db0
```
#d63db0 rgb(214,61,176)
```

Split Complementary Color

#d6b03d
```
#d6b03d rgb(214,176,61)
```
#3dd6b0
```
#3dd6b0 rgb(61,214,176)
```
#b03dd6
```
#b03dd6 rgb(176,61,214)
```

Triadic Color

#63d63d
```
#63d63d rgb(99,214,61)
```
#3dd6b0
```
#3dd6b0 rgb(61,214,176)
```
#b03dd6
```
#b03dd6 rgb(176,61,214)
```
#d63d63
```
#d63d63 rgb(214,61,99)
```

Tetradic Color

#23a484
```
#23a484 rgb(35,164,132)
```
#27b995
```
#27b995 rgb(39,185,149)
```
#2ccea6
```
#2ccea6 rgb(44,206,166)
```
#3dd6b0
```
#3dd6b0 rgb(61,214,176)
```
#52dab9
```
#52dab9 rgb(82,218,185)
```
#67dfc1
```
#67dfc1 rgb(103,223,193)
```
#7ce3ca
```
#7ce3ca rgb(124,227,202)
```

Monochromatic Color

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

#3dd68a
```
#3dd68a rgb(61,214,138)
```
#3dd697
```
#3dd697 rgb(61,214,151)
```
#3dd6a3
```
#3dd6a3 rgb(61,214,163)
```
#3dd6b0
```
#3dd6b0 rgb(61,214,176)
```
#3dd6bd
```
#3dd6bd rgb(61,214,189)
```
#3dd6ca
```
#3dd6ca rgb(61,214,202)
```
#3dd6d6
```
#3dd6d6 rgb(61,214,214)
```

Similar Colors

Text with hexadecimal color #3dd6b0

This text has a font color of #3dd6b0.

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

#3dd6b0 background color

This paragraph has a background color of #3dd6b0.

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

#3dd6b0 border color

This element has a border color of #3dd6b0.

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

CSS codes

.text {color:#3dd6b0;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#03110d
```
#03110d rgb(3,17,13)
```
#07211a
```
#07211a rgb(7,33,26)
```
#0a3127
```
#0a3127 rgb(10,49,39)
```
#0e4134
```
#0e4134 rgb(14,65,52)
```
#115141
```
#115141 rgb(17,81,65)
```
#15614e
```
#15614e rgb(21,97,78)
```
#18725b
```
#18725b rgb(24,114,91)
```
#1b8268
```
#1b8268 rgb(27,130,104)
```
#1f9275
```
#1f9275 rgb(31,146,117)
```
#22a282
```
#22a282 rgb(34,162,130)
```
#26b28f
```
#26b28f rgb(38,178,143)
```
#29c39d
```
#29c39d rgb(41,195,157)
```

Shade Color Variation

#2dd3a9
```
#2dd3a9 rgb(45,211,169)
```
#3dd6b0
```
#3dd6b0 rgb(61,214,176)
```
#4dd9b7
```
#4dd9b7 rgb(77,217,183)
```
#5dddbd
```
#5dddbd rgb(93,221,189)
```
#6ee0c4
```
#6ee0c4 rgb(110,224,196)
```
#7ee4ca
```
#7ee4ca rgb(126,228,202)
```
#8ee7d1
```
#8ee7d1 rgb(142,231,209)
```
#9eebd8
```
#9eebd8 rgb(158,235,216)
```
#aeeede
```
#aeeede rgb(174,238,222)
```
#bff1e5
```
#bff1e5 rgb(191,241,229)
```
#cff5eb
```
#cff5eb rgb(207,245,235)
```
#dff8f2
```
#dff8f2 rgb(223,248,242)
```
#effcf9
```
#effcf9 rgb(239,252,249)
```

Tint Color Variation

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

#858e8c
```
#858e8c rgb(133,142,140)
```
#7c9790
```
#7c9790 rgb(124,151,144)
```
#73a095
```
#73a095 rgb(115,160,149)
```
#6aa999
```
#6aa999 rgb(106,169,153)
```
#61b29e
```
#61b29e rgb(97,178,158)
```
#58bba2
```
#58bba2 rgb(88,187,162)
```
#4fc4a7
```
#4fc4a7 rgb(79,196,167)
```
#46cdab
```
#46cdab rgb(70,205,171)
```
#3dd6b0
```
#3dd6b0 rgb(61,214,176)
```
#34dfb5
```
#34dfb5 rgb(52,223,181)
```
#2be8b9
```
#2be8b9 rgb(43,232,185)
```
#22f1be
```
#22f1be rgb(34,241,190)
```
#19fac2
```
#19fac2 rgb(25,250,194)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#8faea6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbc1a9 Protanopia 1% of men
#d6bcbd Deuteranopia 1% of men
#61d1e1 Tritanopia 0.001% of the population

Trichromacy

#97c9ab Protanomaly 1% of men, 0.01% of women
#9ec5b8 Deuteranomaly 6% of men, 0.4% of women
#54d3cf Tritanomaly 0.01% of the population