#3bfef2 hex color

In a RGB color space, hex #3bfef2 is composed of 23.1% red, 99.6% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 76.8% cyan, 0% magenta, 4.7% yellow and 0.4% black. It has a hue angle of 176.3 degrees, a saturation of 99% and a lightness of 61.4%. #3bfef2 color hex could be obtained by blending #76ffff with #00fde5. Closest websafe color is: #33ffff.

♥
- f
- t
- g
- R 23
- G 100
- B 95
RGB color chart
- C 77
- M 0
- Y 5
- K 0
CMYK color chart

● #3bfef2 color description : Bright cyan.

The hexadecimal color #3bfef2 has RGB values of R:59, G:254, B:242 and CMYK values of C:0.77, M:0, Y:0.05, K:0. Its decimal value is 3931890.

Hex triplet	3bfef2	`#3bfef2`
RGB Decimal	59, 254, 242	`rgb(59,254,242)`
RGB Percent	23.1, 99.6, 94.9	`rgb(23.1%,99.6%,94.9%)`
CMYK	77, 0, 5, 0
HSL	176.3°, 99, 61.4	`hsl(176.3,99%,61.4%)`
HSV (or HSB)	176.3°, 76.8, 99.6
Web Safe	33ffff	`#33ffff`

CIE-LAB	90.88, -48.454, -7.696
XYZ	53.267, 78.219, 96.29
xyY	0.234, 0.343, 78.219
CIE-LCH	90.88, 49.062, 189.025
CIE-LUV	90.88, -67.625, -4.487
Hunter-Lab	88.442, -47.264, -2.642
Binary	00111011, 11111110, 11110010

#3bfef2
```
#3bfef2 rgb(59,254,242)
```
#fe3b47
```
#fe3b47 rgb(254,59,71)
```

Complementary Color

#3bfe91
```
#3bfe91 rgb(59,254,145)
```
#3bfef2
```
#3bfef2 rgb(59,254,242)
```
#3ba9fe
```
#3ba9fe rgb(59,169,254)
```

Analogous Color

#fe913b
```
#fe913b rgb(254,145,59)
```
#3bfef2
```
#3bfef2 rgb(59,254,242)
```
#fe3ba9
```
#fe3ba9 rgb(254,59,169)
```

Split Complementary Color

#fef23b
```
#fef23b rgb(254,242,59)
```
#3bfef2
```
#3bfef2 rgb(59,254,242)
```
#f23bfe
```
#f23bfe rgb(242,59,254)
```

Triadic Color

#47fe3b
```
#47fe3b rgb(71,254,59)
```
#3bfef2
```
#3bfef2 rgb(59,254,242)
```
#f23bfe
```
#f23bfe rgb(242,59,254)
```
#fe3b47
```
#fe3b47 rgb(254,59,71)
```

Tetradic Color

#01ebdd
```
#01ebdd rgb(1,235,221)
```
#08feef
```
#08feef rgb(8,254,239)
```
#22fef0
```
#22fef0 rgb(34,254,240)
```
#3bfef2
```
#3bfef2 rgb(59,254,242)
```
#54fef4
```
#54fef4 rgb(84,254,244)
```
#6efef5
```
#6efef5 rgb(110,254,245)
```
#87fef7
```
#87fef7 rgb(135,254,247)
```

Monochromatic Color

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

#3bfec1
```
#3bfec1 rgb(59,254,193)
```
#3bfed2
```
#3bfed2 rgb(59,254,210)
```
#3bfee2
```
#3bfee2 rgb(59,254,226)
```
#3bfef2
```
#3bfef2 rgb(59,254,242)
```
#3bfafe
```
#3bfafe rgb(59,250,254)
```
#3beafe
```
#3beafe rgb(59,234,254)
```
#3bd9fe
```
#3bd9fe rgb(59,217,254)
```

Similar Colors

Text with hexadecimal color #3bfef2

This text has a font color of #3bfef2.

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

#3bfef2 background color

This paragraph has a background color of #3bfef2.

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

#3bfef2 border color

This element has a border color of #3bfef2.

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

CSS codes

.text {color:#3bfef2;}

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

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

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

#001312
```
#001312 rgb(0,19,18)
```
#002624
```
#002624 rgb(0,38,36)
```
#003a36
```
#003a36 rgb(0,58,54)
```
#004d48
```
#004d48 rgb(0,77,72)
```
#00615b
```
#00615b rgb(0,97,91)
```
#01746d
```
#01746d rgb(1,116,109)
```
#01887f
```
#01887f rgb(1,136,127)
```
#019b92
```
#019b92 rgb(1,155,146)
```
#01afa4
```
#01afa4 rgb(1,175,164)
```
#01c2b6
```
#01c2b6 rgb(1,194,182)
```
#01d6c9
```
#01d6c9 rgb(1,214,201)
```
#01e9db
```
#01e9db rgb(1,233,219)
```
#01fded
```
#01fded rgb(1,253,237)
```

Shade Color Variation

#14feef
```
#14feef rgb(20,254,239)
```
#27fef1
```
#27fef1 rgb(39,254,241)
```
#3bfef2
```
#3bfef2 rgb(59,254,242)
```
#4ffef3
```
#4ffef3 rgb(79,254,243)
```
#62fef5
```
#62fef5 rgb(98,254,245)
```
#76fef6
```
#76fef6 rgb(118,254,246)
```
#89fef7
```
#89fef7 rgb(137,254,247)
```
#9dfef8
```
#9dfef8 rgb(157,254,248)
```
#b0fffa
```
#b0fffa rgb(176,255,250)
```
#c4fffb
```
#c4fffb rgb(196,255,251)
```
#d7fffc
```
#d7fffc rgb(215,255,252)
```
#ebfffe
```
#ebfffe rgb(235,255,254)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #96a3a2 is the less saturated color, while #3bfef2 is the most saturated one.

#96a3a2
```
#96a3a2 rgb(150,163,162)
```
#8eaba9
```
#8eaba9 rgb(142,171,169)
```
#87b2b0
```
#87b2b0 rgb(135,178,176)
```
#7fbab6
```
#7fbab6 rgb(127,186,182)
```
#78c1bd
```
#78c1bd rgb(120,193,189)
```
#70c9c3
```
#70c9c3 rgb(112,201,195)
```
#68d1ca
```
#68d1ca rgb(104,209,202)
```
#61d8d1
```
#61d8d1 rgb(97,216,209)
```
#59e0d7
```
#59e0d7 rgb(89,224,215)
```
#52e7de
```
#52e7de rgb(82,231,222)
```
#4aefe5
```
#4aefe5 rgb(74,239,229)
```
#43f6eb
```
#43f6eb rgb(67,246,235)
```
#3bfef2
```
#3bfef2 rgb(59,254,242)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#a7cecc Atypical Achromatopsia 0.001% of the population

Dichromacy

#eae5e5 Protanopia 1% of men
#f0e0fd Deuteranopia 1% of men
#a4f2ff Tritanopia 0.001% of the population

Trichromacy

#aaeee9 Protanomaly 1% of men, 0.01% of women
#aeebf9 Deuteranomaly 6% of men, 0.4% of women
#7df6fa Tritanomaly 0.01% of the population

#3bfef2 hex color

#3bfef2 Color Information

#3bfef2 Color Conversion

Color Schemes with #3bfef2

Alternatives to #3bfef2

#3bfef2 Preview

Shades and Tints of #3bfef2

Tones of #3bfef2

Color Blindness Simulator