#2df7bf hex color

In a RGB color space, hex #2df7bf is composed of 17.6% red, 96.9% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 81.8% cyan, 0% magenta, 22.7% yellow and 3.1% black. It has a hue angle of 163.4 degrees, a saturation of 92.7% and a lightness of 57.3%. #2df7bf color hex could be obtained by blending #5affff with #00ef7f. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 18
- G 97
- B 75
RGB color chart
- C 82
- M 0
- Y 23
- K 3
CMYK color chart

● #2df7bf color description : Bright cyan - lime green.

The hexadecimal color #2df7bf has RGB values of R:45, G:247, B:191 and CMYK values of C:0.82, M:0, Y:0.23, K:0.03. Its decimal value is 3012543.

Hex triplet	2df7bf	`#2df7bf`
RGB Decimal	45, 247, 191	`rgb(45,247,191)`
RGB Percent	17.6, 96.9, 74.9	`rgb(17.6%,96.9%,74.9%)`
CMYK	82, 0, 23, 3
HSL	163.4°, 92.7, 57.3	`hsl(163.4,92.7%,57.3%)`
HSV (or HSB)	163.4°, 81.8, 96.9
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	87.406, -59.678, 13.723
XYZ	43.743, 70.836, 60.655
xyY	0.25, 0.404, 70.836
CIE-LCH	87.406, 61.235, 167.05
CIE-LUV	87.406, -70.47, 30.158
Hunter-Lab	84.164, -54.515, 16.187
Binary	00101101, 11110111, 10111111

#2df7bf
```
#2df7bf rgb(45,247,191)
```
#f72d65
```
#f72d65 rgb(247,45,101)
```

Complementary Color

#2df75a
```
#2df75a rgb(45,247,90)
```
#2df7bf
```
#2df7bf rgb(45,247,191)
```
#2dcaf7
```
#2dcaf7 rgb(45,202,247)
```

Analogous Color

#f75a2d
```
#f75a2d rgb(247,90,45)
```
#2df7bf
```
#2df7bf rgb(45,247,191)
```
#f72dca
```
#f72dca rgb(247,45,202)
```

Split Complementary Color

#f7bf2d
```
#f7bf2d rgb(247,191,45)
```
#2df7bf
```
#2df7bf rgb(45,247,191)
```
#bf2df7
```
#bf2df7 rgb(191,45,247)
```

Triadic Color

#65f72d
```
#65f72d rgb(101,247,45)
```
#2df7bf
```
#2df7bf rgb(45,247,191)
```
#bf2df7
```
#bf2df7 rgb(191,45,247)
```
#f72d65
```
#f72d65 rgb(247,45,101)
```

Tetradic Color

#08d098
```
#08d098 rgb(8,208,152)
```
#09e8aa
```
#09e8aa rgb(9,232,170)
```
#14f6b8
```
#14f6b8 rgb(20,246,184)
```
#2df7bf
```
#2df7bf rgb(45,247,191)
```
#46f8c6
```
#46f8c6 rgb(70,248,198)
```
#5ef9ce
```
#5ef9ce rgb(94,249,206)
```
#77fad5
```
#77fad5 rgb(119,250,213)
```

Monochromatic Color

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

#2df78d
```
#2df78d rgb(45,247,141)
```
#2df79d
```
#2df79d rgb(45,247,157)
```
#2df7ae
```
#2df7ae rgb(45,247,174)
```
#2df7bf
```
#2df7bf rgb(45,247,191)
```
#2df7d0
```
#2df7d0 rgb(45,247,208)
```
#2df7e1
```
#2df7e1 rgb(45,247,225)
```
#2df7f2
```
#2df7f2 rgb(45,247,242)
```

Similar Colors

Text with hexadecimal color #2df7bf

This text has a font color of #2df7bf.

<span style="color:#2df7bf;">Text here</span>

#2df7bf background color

This paragraph has a background color of #2df7bf.

<p style="background-color:#2df7bf;">Content here</p>

#2df7bf border color

This element has a border color of #2df7bf.

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

CSS codes

.text {color:#2df7bf;}

.background {background-color:#2df7bf;}

.border {border:1px solid #2df7bf;}

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, #01110c is the darkest color, while #fdfffe is the lightest one.

#01110c
```
#01110c rgb(1,17,12)
```
#01241a
```
#01241a rgb(1,36,26)
```
#023728
```
#023728 rgb(2,55,40)
```
#034936
```
#034936 rgb(3,73,54)
```
#045c44
```
#045c44 rgb(4,92,68)
```
#046f52
```
#046f52 rgb(4,111,82)
```
#05825f
```
#05825f rgb(5,130,95)
```
#06956d
```
#06956d rgb(6,149,109)
```
#06a87b
```
#06a87b rgb(6,168,123)
```
#07bb89
```
#07bb89 rgb(7,187,137)
```
#08ce97
```
#08ce97 rgb(8,206,151)
```
#09e1a5
```
#09e1a5 rgb(9,225,165)
```
#09f3b3
```
#09f3b3 rgb(9,243,179)
```

Shade Color Variation

#1af6b9
```
#1af6b9 rgb(26,246,185)
```
#2df7bf
```
#2df7bf rgb(45,247,191)
```
#40f8c5
```
#40f8c5 rgb(64,248,197)
```
#53f8cb
```
#53f8cb rgb(83,248,203)
```
#66f9d0
```
#66f9d0 rgb(102,249,208)
```
#79fad6
```
#79fad6 rgb(121,250,214)
```
#8bfbdc
```
#8bfbdc rgb(139,251,220)
```
#9efbe2
```
#9efbe2 rgb(158,251,226)
```
#b1fce7
```
#b1fce7 rgb(177,252,231)
```
#c4fded
```
#c4fded rgb(196,253,237)
```
#d7fdf3
```
#d7fdf3 rgb(215,253,243)
```
#eafef9
```
#eafef9 rgb(234,254,249)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

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

#929292
```
#929292 rgb(146,146,146)
```
#899b96
```
#899b96 rgb(137,155,150)
```
#81a39a
```
#81a39a rgb(129,163,154)
```
#78ac9d
```
#78ac9d rgb(120,172,157)
```
#70b4a1
```
#70b4a1 rgb(112,180,161)
```
#68bca5
```
#68bca5 rgb(104,188,165)
```
#5fc5a9
```
#5fc5a9 rgb(95,197,169)
```
#57cdac
```
#57cdac rgb(87,205,172)
```
#4fd5b0
```
#4fd5b0 rgb(79,213,176)
```
#46deb4
```
#46deb4 rgb(70,222,180)
```
#3ee6b8
```
#3ee6b8 rgb(62,230,184)
```
#35efbb
```
#35efbb rgb(53,239,187)
```
#2df7bf
```
#2df7bf rgb(45,247,191)
```

Tone Color Variation

Below, you can see how #2df7bf 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
#99c1b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9dcb5 Protanopia 1% of men
#f6d5ce Deuteranopia 1% of men
#6feeff Tritanopia 0.001% of the population

Trichromacy

#a4e6b9 Protanomaly 1% of men, 0.01% of women
#ade1c8 Deuteranomaly 6% of men, 0.4% of women
#57f1e7 Tritanomaly 0.01% of the population

#2df7bf hex color

#2df7bf Color Information

#2df7bf Color Conversion

Color Schemes with #2df7bf

Alternatives to #2df7bf

#2df7bf Preview

Shades and Tints of #2df7bf

Tones of #2df7bf

Color Blindness Simulator