#3bd6d0 hex color

In a RGB color space, hex #3bd6d0 is composed of 23.1% red, 83.9% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 72.4% cyan, 0% magenta, 2.8% yellow and 16.1% black. It has a hue angle of 177.7 degrees, a saturation of 65.4% and a lightness of 53.5%. #3bd6d0 color hex could be obtained by blending #76ffff with #00ada1. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 23
- G 84
- B 82
RGB color chart
- C 72
- M 0
- Y 3
- K 16
CMYK color chart

● #3bd6d0 color description : Moderate cyan.

The hexadecimal color #3bd6d0 has RGB values of R:59, G:214, B:208 and CMYK values of C:0.72, M:0, Y:0.03, K:0.16. Its decimal value is 3921616.

Hex triplet	3bd6d0	`#3bd6d0`
RGB Decimal	59, 214, 208	`rgb(59,214,208)`
RGB Percent	23.1, 83.9, 81.6	`rgb(23.1%,83.9%,81.6%)`
CMYK	72, 0, 3, 16
HSL	177.7°, 65.4, 53.5	`hsl(177.7,65.4%,53.5%)`
HSV (or HSB)	177.7°, 72.4, 83.9
Web Safe	33cccc	`#33cccc`

CIE-LAB	78.212, -40.245, -8.56
XYZ	37.232, 53.574, 68.05
xyY	0.234, 0.337, 53.574
CIE-LCH	78.212, 41.145, 192.008
CIE-LUV	78.212, -56.251, -7.046
Hunter-Lab	73.194, -37.291, -3.887
Binary	00111011, 11010110, 11010000

#3bd6d0
```
#3bd6d0 rgb(59,214,208)
```
#d63b41
```
#d63b41 rgb(214,59,65)
```

Complementary Color

#3bd683
```
#3bd683 rgb(59,214,131)
```
#3bd6d0
```
#3bd6d0 rgb(59,214,208)
```
#3b8fd6
```
#3b8fd6 rgb(59,143,214)
```

Analogous Color

#d6833b
```
#d6833b rgb(214,131,59)
```
#3bd6d0
```
#3bd6d0 rgb(59,214,208)
```
#d63b8f
```
#d63b8f rgb(214,59,143)
```

Split Complementary Color

#d6d03b
```
#d6d03b rgb(214,208,59)
```
#3bd6d0
```
#3bd6d0 rgb(59,214,208)
```
#d03bd6
```
#d03bd6 rgb(208,59,214)
```

Triadic Color

#41d63b
```
#41d63b rgb(65,214,59)
```
#3bd6d0
```
#3bd6d0 rgb(59,214,208)
```
#d03bd6
```
#d03bd6 rgb(208,59,214)
```
#d63b41
```
#d63b41 rgb(214,59,65)
```

Tetradic Color

#22a39e
```
#22a39e rgb(34,163,158)
```
#26b8b2
```
#26b8b2 rgb(38,184,178)
```
#2bcdc6
```
#2bcdc6 rgb(43,205,198)
```
#3bd6d0
```
#3bd6d0 rgb(59,214,208)
```
#50dad5
```
#50dad5 rgb(80,218,213)
```
#65dfda
```
#65dfda rgb(101,223,218)
```
#7ae3df
```
#7ae3df rgb(122,227,223)
```

Monochromatic Color

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

#3bd6a9
```
#3bd6a9 rgb(59,214,169)
```
#3bd6b6
```
#3bd6b6 rgb(59,214,182)
```
#3bd6c3
```
#3bd6c3 rgb(59,214,195)
```
#3bd6d0
```
#3bd6d0 rgb(59,214,208)
```
#3bcfd6
```
#3bcfd6 rgb(59,207,214)
```
#3bc2d6
```
#3bc2d6 rgb(59,194,214)
```
#3bb5d6
```
#3bb5d6 rgb(59,181,214)
```

Similar Colors

Text with hexadecimal color #3bd6d0

This text has a font color of #3bd6d0.

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

#3bd6d0 background color

This paragraph has a background color of #3bd6d0.

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

#3bd6d0 border color

This element has a border color of #3bd6d0.

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

CSS codes

.text {color:#3bd6d0;}

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

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

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

#030f0e
```
#030f0e rgb(3,15,14)
```
#071f1e
```
#071f1e rgb(7,31,30)
```
#0a2f2e
```
#0a2f2e rgb(10,47,46)
```
#0d403e
```
#0d403e rgb(13,64,62)
```
#11504d
```
#11504d rgb(17,80,77)
```
#14605d
```
#14605d rgb(20,96,93)
```
#17706d
```
#17706d rgb(23,112,109)
```
#1b807d
```
#1b807d rgb(27,128,125)
```
#1e918c
```
#1e918c rgb(30,145,140)
```
#22a19c
```
#22a19c rgb(34,161,156)
```
#25b1ac
```
#25b1ac rgb(37,177,172)
```
#28c1bb
```
#28c1bb rgb(40,193,187)
```
#2cd2cb
```
#2cd2cb rgb(44,210,203)
```

Shade Color Variation

#3bd6d0
```
#3bd6d0 rgb(59,214,208)
```
#4bd9d4
```
#4bd9d4 rgb(75,217,212)
```
#5bddd8
```
#5bddd8 rgb(91,221,216)
```
#6ce0dc
```
#6ce0dc rgb(108,224,220)
```
#7ce4e0
```
#7ce4e0 rgb(124,228,224)
```
#8ce7e3
```
#8ce7e3 rgb(140,231,227)
```
#9ceae7
```
#9ceae7 rgb(156,234,231)
```
#adeeeb
```
#adeeeb rgb(173,238,235)
```
#bdf1ef
```
#bdf1ef rgb(189,241,239)
```
#cdf5f3
```
#cdf5f3 rgb(205,245,243)
```
#ddf8f7
```
#ddf8f7 rgb(221,248,247)
```
#edfbfb
```
#edfbfb rgb(237,251,251)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #848d8d is the less saturated color, while #17faf2 is the most saturated one.

#848d8d
```
#848d8d rgb(132,141,141)
```
#7b9695
```
#7b9695 rgb(123,150,149)
```
#729f9e
```
#729f9e rgb(114,159,158)
```
#69a8a6
```
#69a8a6 rgb(105,168,166)
```
#5fb2ae
```
#5fb2ae rgb(95,178,174)
```
#56bbb7
```
#56bbb7 rgb(86,187,183)
```
#4dc4bf
```
#4dc4bf rgb(77,196,191)
```
#44cdc8
```
#44cdc8 rgb(68,205,200)
```
#3bd6d0
```
#3bd6d0 rgb(59,214,208)
```
#32dfd8
```
#32dfd8 rgb(50,223,216)
```
#29e8e1
```
#29e8e1 rgb(41,232,225)
```
#20f1e9
```
#20f1e9 rgb(32,241,233)
```
#17faf2
```
#17faf2 rgb(23,250,242)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#91b0af Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7c3c7 Protanopia 1% of men
#cbbfdb Deuteranopia 1% of men
#53d5e4 Tritanopia 0.001% of the population

Trichromacy

#94caca Protanomaly 1% of men, 0.01% of women
#97c7d7 Deuteranomaly 6% of men, 0.4% of women
#4ad5dd Tritanomaly 0.01% of the population

#3bd6d0 hex color

#3bd6d0 Color Information

#3bd6d0 Color Conversion

Color Schemes with #3bd6d0

Alternatives to #3bd6d0

#3bd6d0 Preview

Shades and Tints of #3bd6d0

Tones of #3bd6d0

Color Blindness Simulator