#3bddc8 hex color

In a RGB color space, hex #3bddc8 is composed of 23.1% red, 86.7% green and 78.4% blue. Whereas in a CMYK color space, it is composed of 73.3% cyan, 0% magenta, 9.5% yellow and 13.3% black. It has a hue angle of 172.2 degrees, a saturation of 70.4% and a lightness of 54.9%. #3bddc8 color hex could be obtained by blending #76ffff with #00bb91. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 23
- G 87
- B 78
RGB color chart
- C 73
- M 0
- Y 10
- K 13
CMYK color chart

● #3bddc8 color description : Bright cyan.

The hexadecimal color #3bddc8 has RGB values of R:59, G:221, B:200 and CMYK values of C:0.73, M:0, Y:0.1, K:0.13. Its decimal value is 3923400.

Hex triplet	3bddc8	`#3bddc8`
RGB Decimal	59, 221, 200	`rgb(59,221,200)`
RGB Percent	23.1, 86.7, 78.4	`rgb(23.1%,86.7%,78.4%)`
CMYK	73, 0, 10, 13
HSL	172.2°, 70.4, 54.9	`hsl(172.2,70.4%,54.9%)`
HSV (or HSB)	172.2°, 73.3, 86.7
Web Safe	33cccc	`#33cccc`

CIE-LAB	80.072, -45.497, -1.542
XYZ	38.082, 56.809, 63.599
xyY	0.24, 0.358, 56.809
CIE-LCH	80.072, 45.523, 181.941
CIE-LUV	80.072, -59.259, 4.818
Hunter-Lab	75.372, -41.713, 2.732
Binary	00111011, 11011101, 11001000

#3bddc8
```
#3bddc8 rgb(59,221,200)
```
#dd3b50
```
#dd3b50 rgb(221,59,80)
```

Complementary Color

#3bdd77
```
#3bdd77 rgb(59,221,119)
```
#3bddc8
```
#3bddc8 rgb(59,221,200)
```
#3ba1dd
```
#3ba1dd rgb(59,161,221)
```

Analogous Color

#dd773b
```
#dd773b rgb(221,119,59)
```
#3bddc8
```
#3bddc8 rgb(59,221,200)
```
#dd3ba1
```
#dd3ba1 rgb(221,59,161)
```

Split Complementary Color

#ddc83b
```
#ddc83b rgb(221,200,59)
```
#3bddc8
```
#3bddc8 rgb(59,221,200)
```
#c83bdd
```
#c83bdd rgb(200,59,221)
```

Triadic Color

#50dd3b
```
#50dd3b rgb(80,221,59)
```
#3bddc8
```
#3bddc8 rgb(59,221,200)
```
#c83bdd
```
#c83bdd rgb(200,59,221)
```
#dd3b50
```
#dd3b50 rgb(221,59,80)
```

Tetradic Color

#1ead9b
```
#1ead9b rgb(30,173,155)
```
#22c3ae
```
#22c3ae rgb(34,195,174)
```
#26d9c2
```
#26d9c2 rgb(38,217,194)
```
#3bddc8
```
#3bddc8 rgb(59,221,200)
```
#51e1ce
```
#51e1ce rgb(81,225,206)
```
#66e5d4
```
#66e5d4 rgb(102,229,212)
```
#7ce8da
```
#7ce8da rgb(124,232,218)
```

Monochromatic Color

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

#3bdda0
```
#3bdda0 rgb(59,221,160)
```
#3bddad
```
#3bddad rgb(59,221,173)
```
#3bddbb
```
#3bddbb rgb(59,221,187)
```
#3bddc8
```
#3bddc8 rgb(59,221,200)
```
#3bddd6
```
#3bddd6 rgb(59,221,214)
```
#3bd7dd
```
#3bd7dd rgb(59,215,221)
```
#3bcadd
```
#3bcadd rgb(59,202,221)
```

Similar Colors

Text with hexadecimal color #3bddc8

This text has a font color of #3bddc8.

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

#3bddc8 background color

This paragraph has a background color of #3bddc8.

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

#3bddc8 border color

This element has a border color of #3bddc8.

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

CSS codes

.text {color:#3bddc8;}

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

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

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

#010504
```
#010504 rgb(1,5,4)
```
#041513
```
#041513 rgb(4,21,19)
```
#072622
```
#072622 rgb(7,38,34)
```
#093731
```
#093731 rgb(9,55,49)
```
#0c4740
```
#0c4740 rgb(12,71,64)
```
#0f584f
```
#0f584f rgb(15,88,79)
```
#12695e
```
#12695e rgb(18,105,94)
```
#157a6d
```
#157a6d rgb(21,122,109)
```
#188a7b
```
#188a7b rgb(24,138,123)
```
#1b9b8a
```
#1b9b8a rgb(27,155,138)
```
#1eac99
```
#1eac99 rgb(30,172,153)
```
#21bca8
```
#21bca8 rgb(33,188,168)
```
#24cdb7
```
#24cdb7 rgb(36,205,183)
```

Shade Color Variation

#2adac3
```
#2adac3 rgb(42,218,195)
```
#3bddc8
```
#3bddc8 rgb(59,221,200)
```
#4ce0cd
```
#4ce0cd rgb(76,224,205)
```
#5ce3d1
```
#5ce3d1 rgb(92,227,209)
```
#6de6d6
```
#6de6d6 rgb(109,230,214)
```
#7ee9db
```
#7ee9db rgb(126,233,219)
```
#8febdf
```
#8febdf rgb(143,235,223)
```
#9feee4
```
#9feee4 rgb(159,238,228)
```
#b0f1e9
```
#b0f1e9 rgb(176,241,233)
```
#c1f4ee
```
#c1f4ee rgb(193,244,238)
```
#d1f7f2
```
#d1f7f2 rgb(209,247,242)
```
#e2faf7
```
#e2faf7 rgb(226,250,247)
```
#f3fdfc
```
#f3fdfc rgb(243,253,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b8d8d is the less saturated color, while #20f8dc is the most saturated one.

#8b8d8d
```
#8b8d8d rgb(139,141,141)
```
#829694
```
#829694 rgb(130,150,148)
```
#799f9a
```
#799f9a rgb(121,159,154)
```
#70a8a1
```
#70a8a1 rgb(112,168,161)
```
#67b1a7
```
#67b1a7 rgb(103,177,167)
```
#5ebaae
```
#5ebaae rgb(94,186,174)
```
#56c2b4
```
#56c2b4 rgb(86,194,180)
```
#4dcbbb
```
#4dcbbb rgb(77,203,187)
```
#44d4c1
```
#44d4c1 rgb(68,212,193)
```
#3bddc8
```
#3bddc8 rgb(59,221,200)
```
#32e6cf
```
#32e6cf rgb(50,230,207)
```
#29efd5
```
#29efd5 rgb(41,239,213)
```
#20f8dc
```
#20f8dc rgb(32,248,220)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#94b4b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfc8bf Protanopia 1% of men
#d6c4d4 Deuteranopia 1% of men
#5bdaea Tritanopia 0.001% of the population

Trichromacy

#99d0c2 Protanomaly 1% of men, 0.01% of women
#9ecdcf Deuteranomaly 6% of men, 0.4% of women
#4fdbdd Tritanomaly 0.01% of the population

#3bddc8 hex color

#3bddc8 Color Information

#3bddc8 Color Conversion

Color Schemes with #3bddc8

Alternatives to #3bddc8

#3bddc8 Preview

Shades and Tints of #3bddc8

Tones of #3bddc8

Color Blindness Simulator