#3bd5b0 hex color

In a RGB color space, hex #3bd5b0 is composed of 23.1% red, 83.5% green and 69% blue. Whereas in a CMYK color space, it is composed of 72.3% cyan, 0% magenta, 17.4% yellow and 16.5% black. It has a hue angle of 165.6 degrees, a saturation of 64.7% and a lightness of 53.3%. #3bd5b0 color hex could be obtained by blending #76ffff with #00ab61. Closest websafe color is: #33cc99.

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

● #3bd5b0 color description : Moderate cyan.

The hexadecimal color #3bd5b0 has RGB values of R:59, G:213, B:176 and CMYK values of C:0.72, M:0, Y:0.17, K:0.16. Its decimal value is 3921328.

Hex triplet	3bd5b0	`#3bd5b0`
RGB Decimal	59, 213, 176	`rgb(59,213,176)`
RGB Percent	23.1, 83.5, 69	`rgb(23.1%,83.5%,69%)`
CMYK	72, 0, 17, 16
HSL	165.6°, 64.7, 53.3	`hsl(165.6,64.7%,53.3%)`
HSV (or HSB)	165.6°, 72.3, 83.5
Web Safe	33cc99	`#33cc99`

CIE-LAB	77.071, -48.221, 6.912
XYZ	33.432, 51.65, 49.279
xyY	0.249, 0.384, 51.65
CIE-LCH	77.071, 48.714, 171.843
CIE-LUV	77.071, -58.073, 17.932
Hunter-Lab	71.868, -42.734, 9.653
Binary	00111011, 11010101, 10110000

#3bd5b0
```
#3bd5b0 rgb(59,213,176)
```
#d53b60
```
#d53b60 rgb(213,59,96)
```

Complementary Color

#3bd563
```
#3bd563 rgb(59,213,99)
```
#3bd5b0
```
#3bd5b0 rgb(59,213,176)
```
#3badd5
```
#3badd5 rgb(59,173,213)
```

Analogous Color

#d5633b
```
#d5633b rgb(213,99,59)
```
#3bd5b0
```
#3bd5b0 rgb(59,213,176)
```
#d53bad
```
#d53bad rgb(213,59,173)
```

Split Complementary Color

#d5b03b
```
#d5b03b rgb(213,176,59)
```
#3bd5b0
```
#3bd5b0 rgb(59,213,176)
```
#b03bd5
```
#b03bd5 rgb(176,59,213)
```

Triadic Color

#60d53b
```
#60d53b rgb(96,213,59)
```
#3bd5b0
```
#3bd5b0 rgb(59,213,176)
```
#b03bd5
```
#b03bd5 rgb(176,59,213)
```
#d53b60
```
#d53b60 rgb(213,59,96)
```

Tetradic Color

#23a183
```
#23a183 rgb(35,161,131)
```
#27b694
```
#27b694 rgb(39,182,148)
```
#2ccba5
```
#2ccba5 rgb(44,203,165)
```
#3bd5b0
```
#3bd5b0 rgb(59,213,176)
```
#50dab8
```
#50dab8 rgb(80,218,184)
```
#65dec1
```
#65dec1 rgb(101,222,193)
```
#7ae3c9
```
#7ae3c9 rgb(122,227,201)
```

Monochromatic Color

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

#3bd58a
```
#3bd58a rgb(59,213,138)
```
#3bd596
```
#3bd596 rgb(59,213,150)
```
#3bd5a3
```
#3bd5a3 rgb(59,213,163)
```
#3bd5b0
```
#3bd5b0 rgb(59,213,176)
```
#3bd5bd
```
#3bd5bd rgb(59,213,189)
```
#3bd5ca
```
#3bd5ca rgb(59,213,202)
```
#3bd4d5
```
#3bd4d5 rgb(59,212,213)
```

Similar Colors

Text with hexadecimal color #3bd5b0

This text has a font color of #3bd5b0.

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

#3bd5b0 background color

This paragraph has a background color of #3bd5b0.

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

#3bd5b0 border color

This element has a border color of #3bd5b0.

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

CSS codes

.text {color:#3bd5b0;}

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

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

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

#030e0b
```
#030e0b rgb(3,14,11)
```
#061e18
```
#061e18 rgb(6,30,24)
```
#0a2e26
```
#0a2e26 rgb(10,46,38)
```
#0d3e33
```
#0d3e33 rgb(13,62,51)
```
#114f40
```
#114f40 rgb(17,79,64)
```
#145f4d
```
#145f4d rgb(20,95,77)
```
#186f5a
```
#186f5a rgb(24,111,90)
```
#1b7f67
```
#1b7f67 rgb(27,127,103)
```
#1f8f74
```
#1f8f74 rgb(31,143,116)
```
#229f81
```
#229f81 rgb(34,159,129)
```
#26b08e
```
#26b08e rgb(38,176,142)
```
#29c09c
```
#29c09c rgb(41,192,156)
```
#2dd0a9
```
#2dd0a9 rgb(45,208,169)
```

Shade Color Variation

#3bd5b0
```
#3bd5b0 rgb(59,213,176)
```
#4bd8b7
```
#4bd8b7 rgb(75,216,183)
```
#5bdcbd
```
#5bdcbd rgb(91,220,189)
```
#6bdfc4
```
#6bdfc4 rgb(107,223,196)
```
#7ce3ca
```
#7ce3ca rgb(124,227,202)
```
#8ce6d1
```
#8ce6d1 rgb(140,230,209)
```
#9cead7
```
#9cead7 rgb(156,234,215)
```
#acedde
```
#acedde rgb(172,237,222)
```
#bcf1e4
```
#bcf1e4 rgb(188,241,228)
```
#ccf4eb
```
#ccf4eb rgb(204,244,235)
```
#ddf8f1
```
#ddf8f1 rgb(221,248,241)
```
#edfbf8
```
#edfbf8 rgb(237,251,248)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

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

#848c8a
```
#848c8a rgb(132,140,138)
```
#7b958f
```
#7b958f rgb(123,149,143)
```
#729e93
```
#729e93 rgb(114,158,147)
```
#69a798
```
#69a798 rgb(105,167,152)
```
#60b09d
```
#60b09d rgb(96,176,157)
```
#56baa2
```
#56baa2 rgb(86,186,162)
```
#4dc3a6
```
#4dc3a6 rgb(77,195,166)
```
#44ccab
```
#44ccab rgb(68,204,171)
```
#3bd5b0
```
#3bd5b0 rgb(59,213,176)
```
#32deb5
```
#32deb5 rgb(50,222,181)
```
#29e7ba
```
#29e7ba rgb(41,231,186)
```
#20f0be
```
#20f0be rgb(32,240,190)
```
#16fac3
```
#16fac3 rgb(22,250,195)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#8eada6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cac1a9 Protanopia 1% of men
#d4bbbd Deuteranopia 1% of men
#60d0e0 Tritanopia 0.001% of the population

Trichromacy

#96c8ab Protanomaly 1% of men, 0.01% of women
#9cc4b8 Deuteranomaly 6% of men, 0.4% of women
#52d2ce Tritanomaly 0.01% of the population

#3bd5b0 hex color

#3bd5b0 Color Information

#3bd5b0 Color Conversion

Color Schemes with #3bd5b0

Alternatives to #3bd5b0

#3bd5b0 Preview

Shades and Tints of #3bd5b0

Tones of #3bd5b0

Color Blindness Simulator