colorhexa.com

#3bf5a6 hex color

In a RGB color space, hex #3bf5a6 is composed of 23.1% red, 96.1% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 75.9% cyan, 0% magenta, 32.2% yellow and 3.9% black. It has a hue angle of 154.5 degrees, a saturation of 90.3% and a lightness of 59.6%. #3bf5a6 color hex could be obtained by blending #76ffff with #00eb4d. Closest websafe color is: #33ff99.

- R 23
- G 96
- B 65
RGB color chart
- C 76
- M 0
- Y 32
- K 4
CMYK color chart

● #3bf5a6 color description : Bright cyan - lime green.

The hexadecimal color #3bf5a6 has RGB values of R:59, G:245, B:166 and CMYK values of C:0.76, M:0, Y:0.32, K:0.04. Its decimal value is 3929510.

Hex triplet	3bf5a6	`#3bf5a6`
RGB Decimal	59, 245, 166	`rgb(59,245,166)`
RGB Percent	23.1, 96.1, 65.1	`rgb(23.1%,96.1%,65.1%)`
CMYK	76, 0, 32, 4
HSL	154.5°, 90.3, 59.6	`hsl(154.5,90.3%,59.6%)`
HSV (or HSB)	154.5°, 75.9, 96.1
Web Safe	33ff99	`#33ff99`

CIE-LAB	86.496, -62.973, 25.341
XYZ	41.336, 68.984, 47.211
xyY	0.262, 0.438, 68.984
CIE-LCH	86.496, 67.881, 158.08
CIE-LUV	86.496, -69.782, 46.677
Hunter-Lab	83.056, -56.512, 24.438
Binary	00111011, 11110101, 10100110

#3bf5a6
```
#3bf5a6 rgb(59,245,166)
```
#f53b8a
```
#f53b8a rgb(245,59,138)
```

Complementary Color

#3bf549
```
#3bf549 rgb(59,245,73)
```
#3bf5a6
```
#3bf5a6 rgb(59,245,166)
```
#3be7f5
```
#3be7f5 rgb(59,231,245)
```

Analogous Color

#f5493b
```
#f5493b rgb(245,73,59)
```
#3bf5a6
```
#3bf5a6 rgb(59,245,166)
```
#f53be7
```
#f53be7 rgb(245,59,231)
```

Split Complementary Color

#f5a63b
```
#f5a63b rgb(245,166,59)
```
#3bf5a6
```
#3bf5a6 rgb(59,245,166)
```
#a63bf5
```
#a63bf5 rgb(166,59,245)
```

Triadic Color

#8af53b
```
#8af53b rgb(138,245,59)
```
#3bf5a6
```
#3bf5a6 rgb(59,245,166)
```
#a63bf5
```
#a63bf5 rgb(166,59,245)
```
#f53b8a
```
#f53b8a rgb(245,59,138)
```

Tetradic Color

#0bd881
```
#0bd881 rgb(11,216,129)
```
#0cf190
```
#0cf190 rgb(12,241,144)
```
#23f49b
```
#23f49b rgb(35,244,155)
```
#3bf5a6
```
#3bf5a6 rgb(59,245,166)
```
#53f6b1
```
#53f6b1 rgb(83,246,177)
```
#6cf7bc
```
#6cf7bc rgb(108,247,188)
```
#84f9c7
```
#84f9c7 rgb(132,249,199)
```

Monochromatic Color

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

#3bf578
```
#3bf578 rgb(59,245,120)
```
#3bf587
```
#3bf587 rgb(59,245,135)
```
#3bf597
```
#3bf597 rgb(59,245,151)
```
#3bf5a6
```
#3bf5a6 rgb(59,245,166)
```
#3bf5b6
```
#3bf5b6 rgb(59,245,182)
```
#3bf5c5
```
#3bf5c5 rgb(59,245,197)
```
#3bf5d5
```
#3bf5d5 rgb(59,245,213)
```

Similar Colors

Text with hexadecimal color #3bf5a6

This text has a font color of #3bf5a6.

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

#3bf5a6 background color

This paragraph has a background color of #3bf5a6.

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

#3bf5a6 border color

This element has a border color of #3bf5a6.

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

CSS codes

.text {color:#3bf5a6;}

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

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

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

#000906
```
#000906 rgb(0,9,6)
```
#011c11
```
#011c11 rgb(1,28,17)
```
#022f1c
```
#022f1c rgb(2,47,28)
```
#034127
```
#034127 rgb(3,65,39)
```
#045432
```
#045432 rgb(4,84,50)
```
#05673d
```
#05673d rgb(5,103,61)
```
#067948
```
#067948 rgb(6,121,72)
```
#078c54
```
#078c54 rgb(7,140,84)
```
#089f5f
```
#089f5f rgb(8,159,95)
```
#09b16a
```
#09b16a rgb(9,177,106)
```
#0ac475
```
#0ac475 rgb(10,196,117)
```
#0bd780
```
#0bd780 rgb(11,215,128)
```
#0ce98b
```
#0ce98b rgb(12,233,139)
```

Shade Color Variation

#16f395
```
#16f395 rgb(22,243,149)
```
#28f49e
```
#28f49e rgb(40,244,158)
```
#3bf5a6
```
#3bf5a6 rgb(59,245,166)
```
#4ef6ae
```
#4ef6ae rgb(78,246,174)
```
#60f7b7
```
#60f7b7 rgb(96,247,183)
```
#73f8bf
```
#73f8bf rgb(115,248,191)
```
#86f9c8
```
#86f9c8 rgb(134,249,200)
```
#98fad0
```
#98fad0 rgb(152,250,208)
```
#abfbd9
```
#abfbd9 rgb(171,251,217)
```
#befce1
```
#befce1 rgb(190,252,225)
```
#d0fdea
```
#d0fdea rgb(208,253,234)
```
#e3fef2
```
#e3fef2 rgb(227,254,242)
```
#f6fffb
```
#f6fffb rgb(246,255,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #929e99 is the less saturated color, while #33fda7 is the most saturated one.

#929e99
```
#929e99 rgb(146,158,153)
```
#8aa69a
```
#8aa69a rgb(138,166,154)
```
#82ae9b
```
#82ae9b rgb(130,174,155)
```
#7ab69c
```
#7ab69c rgb(122,182,156)
```
#72be9e
```
#72be9e rgb(114,190,158)
```
#6bc59f
```
#6bc59f rgb(107,197,159)
```
#63cda0
```
#63cda0 rgb(99,205,160)
```
#5bd5a1
```
#5bd5a1 rgb(91,213,161)
```
#53dda2
```
#53dda2 rgb(83,221,162)
```
#4be5a4
```
#4be5a4 rgb(75,229,164)
```
#43eda5
```
#43eda5 rgb(67,237,165)
```
#3bf5a6
```
#3bf5a6 rgb(59,245,166)
```
#33fda7
```
#33fda7 rgb(51,253,167)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#9cc1b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eada9f Protanopia 1% of men
#fbd2b6 Deuteranopia 1% of men
#73ebfc Tritanopia 0.001% of the population

Trichromacy

#aae3a1 Protanomaly 1% of men, 0.01% of women
#b5dfb0 Deuteranomaly 6% of men, 0.4% of women
#5eeedc Tritanomaly 0.01% of the population