#3ff2a0 hex color

In a RGB color space, hex #3ff2a0 is composed of 24.7% red, 94.9% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 74% cyan, 0% magenta, 33.9% yellow and 5.1% black. It has a hue angle of 152.5 degrees, a saturation of 87.3% and a lightness of 59.8%. #3ff2a0 color hex could be obtained by blending #7effff with #00e541. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 25
- G 95
- B 63
RGB color chart
- C 74
- M 0
- Y 34
- K 5
CMYK color chart

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

The hexadecimal color #3ff2a0 has RGB values of R:63, G:242, B:160 and CMYK values of C:0.74, M:0, Y:0.34, K:0.05. Its decimal value is 4190880.

Hex triplet	3ff2a0	`#3ff2a0`
RGB Decimal	63, 242, 160	`rgb(63,242,160)`
RGB Percent	24.7, 94.9, 62.7	`rgb(24.7%,94.9%,62.7%)`
CMYK	74, 0, 34, 5
HSL	152.5°, 87.3, 59.8	`hsl(152.5,87.3%,59.8%)`
HSV (or HSB)	152.5°, 74, 94.9
Web Safe	33ff99	`#33ff99`

CIE-LAB	85.552, -62.58, 27.125
XYZ	40.144, 67.095, 44.091
xyY	0.265, 0.443, 67.095
CIE-LCH	85.552, 68.205, 156.566
CIE-LUV	85.552, -68.537, 48.834
Hunter-Lab	81.912, -55.864, 25.424
Binary	00111111, 11110010, 10100000

#3ff2a0
```
#3ff2a0 rgb(63,242,160)
```
#f23f91
```
#f23f91 rgb(242,63,145)
```

Complementary Color

#3ff247
```
#3ff247 rgb(63,242,71)
```
#3ff2a0
```
#3ff2a0 rgb(63,242,160)
```
#3febf2
```
#3febf2 rgb(63,235,242)
```

Analogous Color

#f2473f
```
#f2473f rgb(242,71,63)
```
#3ff2a0
```
#3ff2a0 rgb(63,242,160)
```
#f23feb
```
#f23feb rgb(242,63,235)
```

Split Complementary Color

#f2a03f
```
#f2a03f rgb(242,160,63)
```
#3ff2a0
```
#3ff2a0 rgb(63,242,160)
```
#a03ff2
```
#a03ff2 rgb(160,63,242)
```

Triadic Color

#91f23f
```
#91f23f rgb(145,242,63)
```
#3ff2a0
```
#3ff2a0 rgb(63,242,160)
```
#a03ff2
```
#a03ff2 rgb(160,63,242)
```
#f23f91
```
#f23f91 rgb(242,63,145)
```

Tetradic Color

#0ed67b
```
#0ed67b rgb(14,214,123)
```
#10ee88
```
#10ee88 rgb(16,238,136)
```
#27f094
```
#27f094 rgb(39,240,148)
```
#3ff2a0
```
#3ff2a0 rgb(63,242,160)
```
#57f4ac
```
#57f4ac rgb(87,244,172)
```
#6ff5b8
```
#6ff5b8 rgb(111,245,184)
```
#87f7c3
```
#87f7c3 rgb(135,247,195)
```

Monochromatic Color

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

#3ff273
```
#3ff273 rgb(63,242,115)
```
#3ff282
```
#3ff282 rgb(63,242,130)
```
#3ff291
```
#3ff291 rgb(63,242,145)
```
#3ff2a0
```
#3ff2a0 rgb(63,242,160)
```
#3ff2af
```
#3ff2af rgb(63,242,175)
```
#3ff2be
```
#3ff2be rgb(63,242,190)
```
#3ff2cd
```
#3ff2cd rgb(63,242,205)
```

Similar Colors

Text with hexadecimal color #3ff2a0

This text has a font color of #3ff2a0.

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

#3ff2a0 background color

This paragraph has a background color of #3ff2a0.

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

#3ff2a0 border color

This element has a border color of #3ff2a0.

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

CSS codes

.text {color:#3ff2a0;}

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

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

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, #010a06 is the darkest color, while #f7fefb is the lightest one.

#010a06
```
#010a06 rgb(1,10,6)
```
#021c10
```
#021c10 rgb(2,28,16)
```
#032f1b
```
#032f1b rgb(3,47,27)
```
#044125
```
#044125 rgb(4,65,37)
```
#065430
```
#065430 rgb(6,84,48)
```
#07663a
```
#07663a rgb(7,102,58)
```
#087845
```
#087845 rgb(8,120,69)
```
#098b4f
```
#098b4f rgb(9,139,79)
```
#0b9d5a
```
#0b9d5a rgb(11,157,90)
```
#0caf65
```
#0caf65 rgb(12,175,101)
```
#0dc26f
```
#0dc26f rgb(13,194,111)
```
#0ed47a
```
#0ed47a rgb(14,212,122)
```
#10e784
```
#10e784 rgb(16,231,132)
```

Shade Color Variation

#1af08e
```
#1af08e rgb(26,240,142)
```
#2df197
```
#2df197 rgb(45,241,151)
```
#3ff2a0
```
#3ff2a0 rgb(63,242,160)
```
#51f3a9
```
#51f3a9 rgb(81,243,169)
```
#64f4b2
```
#64f4b2 rgb(100,244,178)
```
#76f6bb
```
#76f6bb rgb(118,246,187)
```
#88f7c4
```
#88f7c4 rgb(136,247,196)
```
#9bf8cd
```
#9bf8cd rgb(155,248,205)
```
#adf9d7
```
#adf9d7 rgb(173,249,215)
```
#c0fbe0
```
#c0fbe0 rgb(192,251,224)
```
#d2fce9
```
#d2fce9 rgb(210,252,233)
```
#e4fdf2
```
#e4fdf2 rgb(228,253,242)
```
#f7fefb
```
#f7fefb rgb(247,254,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #969b99 is the less saturated color, while #37faa1 is the most saturated one.

#969b99
```
#969b99 rgb(150,155,153)
```
#8ea399
```
#8ea399 rgb(142,163,153)
```
#86ab9a
```
#86ab9a rgb(134,171,154)
```
#7eb39b
```
#7eb39b rgb(126,179,155)
```
#76bb9b
```
#76bb9b rgb(118,187,155)
```
#6ec39c
```
#6ec39c rgb(110,195,156)
```
#66cb9d
```
#66cb9d rgb(102,203,157)
```
#5fd29d
```
#5fd29d rgb(95,210,157)
```
#57da9e
```
#57da9e rgb(87,218,158)
```
#4fe29f
```
#4fe29f rgb(79,226,159)
```
#47ea9f
```
#47ea9f rgb(71,234,159)
```
#3ff2a0
```
#3ff2a0 rgb(63,242,160)
```
#37faa1
```
#37faa1 rgb(55,250,161)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#9cc0af Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8d799 Protanopia 1% of men
#f9d0b0 Deuteranopia 1% of men
#74e8f8 Tritanopia 0.001% of the population

Trichromacy

#aae19c Protanomaly 1% of men, 0.01% of women
#b5dcaa Deuteranomaly 6% of men, 0.4% of women
#61ebd8 Tritanomaly 0.01% of the population

#3ff2a0 hex color

#3ff2a0 Color Information

#3ff2a0 Color Conversion

Color Schemes with #3ff2a0

Alternatives to #3ff2a0

#3ff2a0 Preview

Shades and Tints of #3ff2a0

Tones of #3ff2a0

Color Blindness Simulator