#3bae94 hex color

In a RGB color space, hex #3bae94 is composed of 23.1% red, 68.2% green and 58% blue. Whereas in a CMYK color space, it is composed of 66.1% cyan, 0% magenta, 14.9% yellow and 31.8% black. It has a hue angle of 166.4 degrees, a saturation of 49.4% and a lightness of 45.7%. #3bae94 color hex could be obtained by blending #76ffff with #005d29. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 23
- G 68
- B 58
RGB color chart
- C 66
- M 0
- Y 15
- K 32
CMYK color chart

● #3bae94 color description : Dark moderate cyan.

The hexadecimal color #3bae94 has RGB values of R:59, G:174, B:148 and CMYK values of C:0.66, M:0, Y:0.15, K:0.32. Its decimal value is 3911316.

Hex triplet	3bae94	`#3bae94`
RGB Decimal	59, 174, 148	`rgb(59,174,148)`
RGB Percent	23.1, 68.2, 58	`rgb(23.1%,68.2%,58%)`
CMYK	66, 0, 15, 32
HSL	166.4°, 49.4, 45.7	`hsl(166.4,49.4%,45.7%)`
HSV (or HSB)	166.4°, 66.1, 68.2
Web Safe	339999	`#339999`

CIE-LAB	64.434, -38.391, 3.963
XYZ	22.283, 33.338, 33.276
xyY	0.251, 0.375, 33.338
CIE-LCH	64.434, 38.595, 174.107
CIE-LUV	64.434, -45.72, 11.648
Hunter-Lab	57.739, -32.155, 6.248
Binary	00111011, 10101110, 10010100

#3bae94
```
#3bae94 rgb(59,174,148)
```
#ae3b55
```
#ae3b55 rgb(174,59,85)
```

Complementary Color

#3bae5b
```
#3bae5b rgb(59,174,91)
```
#3bae94
```
#3bae94 rgb(59,174,148)
```
#3b8fae
```
#3b8fae rgb(59,143,174)
```

Analogous Color

#ae5b3b
```
#ae5b3b rgb(174,91,59)
```
#3bae94
```
#3bae94 rgb(59,174,148)
```
#ae3b8f
```
#ae3b8f rgb(174,59,143)
```

Split Complementary Color

#ae943b
```
#ae943b rgb(174,148,59)
```
#3bae94
```
#3bae94 rgb(59,174,148)
```
#943bae
```
#943bae rgb(148,59,174)
```

Triadic Color

#55ae3b
```
#55ae3b rgb(85,174,59)
```
#3bae94
```
#3bae94 rgb(59,174,148)
```
#943bae
```
#943bae rgb(148,59,174)
```
#ae3b55
```
#ae3b55 rgb(174,59,85)
```

Tetradic Color

#287563
```
#287563 rgb(40,117,99)
```
#2e8874
```
#2e8874 rgb(46,136,116)
```
#359b84
```
#359b84 rgb(53,155,132)
```
#3bae94
```
#3bae94 rgb(59,174,148)
```
#43bfa3
```
#43bfa3 rgb(67,191,163)
```
#56c6ad
```
#56c6ad rgb(86,198,173)
```
#69ccb6
```
#69ccb6 rgb(105,204,182)
```

Monochromatic Color

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

#3bae77
```
#3bae77 rgb(59,174,119)
```
#3bae81
```
#3bae81 rgb(59,174,129)
```
#3bae8a
```
#3bae8a rgb(59,174,138)
```
#3bae94
```
#3bae94 rgb(59,174,148)
```
#3bae9e
```
#3bae9e rgb(59,174,158)
```
#3baea7
```
#3baea7 rgb(59,174,167)
```
#3babae
```
#3babae rgb(59,171,174)
```

Similar Colors

Text with hexadecimal color #3bae94

This text has a font color of #3bae94.

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

#3bae94 background color

This paragraph has a background color of #3bae94.

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

#3bae94 border color

This element has a border color of #3bae94.

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

CSS codes

.text {color:#3bae94;}

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

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

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, #040d0b is the darkest color, while #fdfefe is the lightest one.

#040d0b
```
#040d0b rgb(4,13,11)
```
#091c17
```
#091c17 rgb(9,28,23)
```
#0e2a24
```
#0e2a24 rgb(14,42,36)
```
#133930
```
#133930 rgb(19,57,48)
```
#18473d
```
#18473d rgb(24,71,61)
```
#1d5649
```
#1d5649 rgb(29,86,73)
```
#226556
```
#226556 rgb(34,101,86)
```
#277362
```
#277362 rgb(39,115,98)
```
#2c826f
```
#2c826f rgb(44,130,111)
```
#31917b
```
#31917b rgb(49,145,123)
```
#369f88
```
#369f88 rgb(54,159,136)
```
#3bae94
```
#3bae94 rgb(59,174,148)
```
#40bda0
```
#40bda0 rgb(64,189,160)
```

Shade Color Variation

#4dc3a8
```
#4dc3a8 rgb(77,195,168)
```
#5cc8af
```
#5cc8af rgb(92,200,175)
```
#6bcdb7
```
#6bcdb7 rgb(107,205,183)
```
#79d2be
```
#79d2be rgb(121,210,190)
```
#88d7c5
```
#88d7c5 rgb(136,215,197)
```
#97dccc
```
#97dccc rgb(151,220,204)
```
#a5e1d3
```
#a5e1d3 rgb(165,225,211)
```
#b4e6da
```
#b4e6da rgb(180,230,218)
```
#c3ebe2
```
#c3ebe2 rgb(195,235,226)
```
#d1efe9
```
#d1efe9 rgb(209,239,233)
```
#e0f4f0
```
#e0f4f0 rgb(224,244,240)
```
#eff9f7
```
#eff9f7 rgb(239,249,247)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#717877
```
#717877 rgb(113,120,119)
```
#68817b
```
#68817b rgb(104,129,123)
```
#5f8a80
```
#5f8a80 rgb(95,138,128)
```
#569385
```
#569385 rgb(86,147,133)
```
#4d9c8a
```
#4d9c8a rgb(77,156,138)
```
#44a58f
```
#44a58f rgb(68,165,143)
```
#3bae94
```
#3bae94 rgb(59,174,148)
```
#32b799
```
#32b799 rgb(50,183,153)
```
#29c09e
```
#29c09e rgb(41,192,158)
```
#20c9a3
```
#20c9a3 rgb(32,201,163)
```
#17d2a8
```
#17d2a8 rgb(23,210,168)
```
#0edbad
```
#0edbad rgb(14,219,173)
```
#05e4b1
```
#05e4b1 rgb(5,228,177)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#79908b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8a090 Protanopia 1% of men
#b09ca1 Deuteranopia 1% of men
#56adba Tritanopia 0.001% of the population

Trichromacy

#80a592 Protanomaly 1% of men, 0.01% of women
#85a29c Deuteranomaly 6% of men, 0.4% of women
#4cadac Tritanomaly 0.01% of the population

#3bae94 hex color

#3bae94 Color Information

#3bae94 Color Conversion

Color Schemes with #3bae94

Alternatives to #3bae94

#3bae94 Preview

Shades and Tints of #3bae94

Tones of #3bae94

Color Blindness Simulator