#3bb5bd hex color

In a RGB color space, hex #3bb5bd is composed of 23.1% red, 71% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 68.8% cyan, 4.2% magenta, 0% yellow and 25.9% black. It has a hue angle of 183.7 degrees, a saturation of 52.4% and a lightness of 48.6%. #3bb5bd color hex could be obtained by blending #76ffff with #006b7b. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 23
- G 71
- B 74
RGB color chart
- C 69
- M 4
- Y 0
- K 26
CMYK color chart

● #3bb5bd color description : Moderate cyan.

The hexadecimal color #3bb5bd has RGB values of R:59, G:181, B:189 and CMYK values of C:0.69, M:0.04, Y:0, K:0.26. Its decimal value is 3913149.

Hex triplet	3bb5bd	`#3bb5bd`
RGB Decimal	59, 181, 189	`rgb(59,181,189)`
RGB Percent	23.1, 71, 74.1	`rgb(23.1%,71%,74.1%)`
CMYK	69, 4, 0, 26
HSL	183.7°, 52.4, 48.6	`hsl(183.7,52.4%,48.6%)`
HSV (or HSB)	183.7°, 68.8, 74.1
Web Safe	33cccc	`#33cccc`

CIE-LAB	67.761, -30.299, -13.853
XYZ	27.51, 37.649, 53.959
xyY	0.231, 0.316, 37.649
CIE-LCH	67.761, 33.316, 204.571
CIE-LUV	67.761, -45.738, -16.751
Hunter-Lab	61.359, -27.348, -9.188
Binary	00111011, 10110101, 10111101

#3bb5bd
```
#3bb5bd rgb(59,181,189)
```
#bd433b
```
#bd433b rgb(189,67,59)
```

Complementary Color

#3bbd84
```
#3bbd84 rgb(59,189,132)
```
#3bb5bd
```
#3bb5bd rgb(59,181,189)
```
#3b74bd
```
#3b74bd rgb(59,116,189)
```

Analogous Color

#bd843b
```
#bd843b rgb(189,132,59)
```
#3bb5bd
```
#3bb5bd rgb(59,181,189)
```
#bd3b74
```
#bd3b74 rgb(189,59,116)
```

Split Complementary Color

#b5bd3b
```
#b5bd3b rgb(181,189,59)
```
#3bb5bd
```
#3bb5bd rgb(59,181,189)
```
#bd3bb5
```
#bd3bb5 rgb(189,59,181)
```

Triadic Color

#3bbd43
```
#3bbd43 rgb(59,189,67)
```
#3bb5bd
```
#3bb5bd rgb(59,181,189)
```
#bd3bb5
```
#bd3bb5 rgb(189,59,181)
```
#bd433b
```
#bd433b rgb(189,67,59)
```

Tetradic Color

#297d83
```
#297d83 rgb(41,125,131)
```
#2f9096
```
#2f9096 rgb(47,144,150)
```
#35a2aa
```
#35a2aa rgb(53,162,170)
```
#3bb5bd
```
#3bb5bd rgb(59,181,189)
```
#4bbfc7
```
#4bbfc7 rgb(75,191,199)
```
#5ec6cd
```
#5ec6cd rgb(94,198,205)
```
#72cdd3
```
#72cdd3 rgb(114,205,211)
```

Monochromatic Color

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

#3bbda5
```
#3bbda5 rgb(59,189,165)
```
#3bbdaf
```
#3bbdaf rgb(59,189,175)
```
#3bbdba
```
#3bbdba rgb(59,189,186)
```
#3bb5bd
```
#3bb5bd rgb(59,181,189)
```
#3baabd
```
#3baabd rgb(59,170,189)
```
#3b9fbd
```
#3b9fbd rgb(59,159,189)
```
#3b95bd
```
#3b95bd rgb(59,149,189)
```

Similar Colors

Text with hexadecimal color #3bb5bd

This text has a font color of #3bb5bd.

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

#3bb5bd background color

This paragraph has a background color of #3bb5bd.

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

#3bb5bd border color

This element has a border color of #3bb5bd.

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

CSS codes

.text {color:#3bb5bd;}

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

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

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, #03090a is the darkest color, while #fafdfd is the lightest one.

#03090a
```
#03090a rgb(3,9,10)
```
#081819
```
#081819 rgb(8,24,25)
```
#0c2628
```
#0c2628 rgb(12,38,40)
```
#113436
```
#113436 rgb(17,52,54)
```
#164245
```
#164245 rgb(22,66,69)
```
#1a5154
```
#1a5154 rgb(26,81,84)
```
#1f5f63
```
#1f5f63 rgb(31,95,99)
```
#246d72
```
#246d72 rgb(36,109,114)
```
#287c81
```
#287c81 rgb(40,124,129)
```
#2d8a90
```
#2d8a90 rgb(45,138,144)
```
#32989f
```
#32989f rgb(50,152,159)
```
#36a7ae
```
#36a7ae rgb(54,167,174)
```
#3bb5bd
```
#3bb5bd rgb(59,181,189)
```

Shade Color Variation

#46bec5
```
#46bec5 rgb(70,190,197)
```
#55c3ca
```
#55c3ca rgb(85,195,202)
```
#64c8cf
```
#64c8cf rgb(100,200,207)
```
#73cdd3
```
#73cdd3 rgb(115,205,211)
```
#82d3d8
```
#82d3d8 rgb(130,211,216)
```
#91d8dd
```
#91d8dd rgb(145,216,221)
```
#a0dde1
```
#a0dde1 rgb(160,221,225)
```
#afe3e6
```
#afe3e6 rgb(175,227,230)
```
#bee8eb
```
#bee8eb rgb(190,232,235)
```
#cdedef
```
#cdedef rgb(205,237,239)
```
#dcf3f4
```
#dcf3f4 rgb(220,243,244)
```
#ebf8f9
```
#ebf8f9 rgb(235,248,249)
```
#fafdfd
```
#fafdfd rgb(250,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #748384 is the less saturated color, while #02e7f6 is the most saturated one.

#748384
```
#748384 rgb(116,131,132)
```
#6b8b8d
```
#6b8b8d rgb(107,139,141)
```
#619497
```
#619497 rgb(97,148,151)
```
#589ca0
```
#589ca0 rgb(88,156,160)
```
#4ea4aa
```
#4ea4aa rgb(78,164,170)
```
#45adb3
```
#45adb3 rgb(69,173,179)
```
#3bb5bd
```
#3bb5bd rgb(59,181,189)
```
#31bdc7
```
#31bdc7 rgb(49,189,199)
```
#28c6d0
```
#28c6d0 rgb(40,198,208)
```
#1eceda
```
#1eceda rgb(30,206,218)
```
#15d6e3
```
#15d6e3 rgb(21,214,227)
```
#0bdfed
```
#0bdfed rgb(11,223,237)
```
#02e7f6
```
#02e7f6 rgb(2,231,246)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#80989a Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8a8b7 Protanopia 1% of men
#aaa6c7 Deuteranopia 1% of men
#48b8c5 Tritanopia 0.001% of the population

Trichromacy

#80adb9 Protanomaly 1% of men, 0.01% of women
#81abc3 Deuteranomaly 6% of men, 0.4% of women
#43b6c2 Tritanomaly 0.01% of the population

#3bb5bd hex color

#3bb5bd Color Information

#3bb5bd Color Conversion

Color Schemes with #3bb5bd

Alternatives to #3bb5bd

#3bb5bd Preview

Shades and Tints of #3bb5bd

Tones of #3bb5bd

Color Blindness Simulator