#2df5bf hex color

In a RGB color space, hex #2df5bf is composed of 17.6% red, 96.1% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 81.6% cyan, 0% magenta, 22% yellow and 3.9% black. It has a hue angle of 163.8 degrees, a saturation of 90.9% and a lightness of 56.9%. #2df5bf color hex could be obtained by blending #5affff with #00eb7f. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 18
- G 96
- B 75
RGB color chart
- C 82
- M 0
- Y 22
- K 4
CMYK color chart

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

The hexadecimal color #2df5bf has RGB values of R:45, G:245, B:191 and CMYK values of C:0.82, M:0, Y:0.22, K:0.04. Its decimal value is 3012031.

Hex triplet	2df5bf	`#2df5bf`
RGB Decimal	45, 245, 191	`rgb(45,245,191)`
RGB Percent	17.6, 96.1, 74.9	`rgb(17.6%,96.1%,74.9%)`
CMYK	82, 0, 22, 4
HSL	163.8°, 90.9, 56.9	`hsl(163.8,90.9%,56.9%)`
HSV (or HSB)	163.8°, 81.6, 96.1
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	86.81, -58.909, 12.88
XYZ	43.135, 69.62, 60.452
xyY	0.249, 0.402, 69.62
CIE-LCH	86.81, 60.301, 167.667
CIE-LUV	86.81, -69.802, 28.782
Hunter-Lab	83.439, -53.739, 15.451
Binary	00101101, 11110101, 10111111

#2df5bf
```
#2df5bf rgb(45,245,191)
```
#f52d63
```
#f52d63 rgb(245,45,99)
```

Complementary Color

#2df55b
```
#2df55b rgb(45,245,91)
```
#2df5bf
```
#2df5bf rgb(45,245,191)
```
#2dc7f5
```
#2dc7f5 rgb(45,199,245)
```

Analogous Color

#f55b2d
```
#f55b2d rgb(245,91,45)
```
#2df5bf
```
#2df5bf rgb(45,245,191)
```
#f52dc7
```
#f52dc7 rgb(245,45,199)
```

Split Complementary Color

#f5bf2d
```
#f5bf2d rgb(245,191,45)
```
#2df5bf
```
#2df5bf rgb(45,245,191)
```
#bf2df5
```
#bf2df5 rgb(191,45,245)
```

Triadic Color

#63f52d
```
#63f52d rgb(99,245,45)
```
#2df5bf
```
#2df5bf rgb(45,245,191)
```
#bf2df5
```
#bf2df5 rgb(191,45,245)
```
#f52d63
```
#f52d63 rgb(245,45,99)
```

Tetradic Color

#0acc97
```
#0acc97 rgb(10,204,151)
```
#0be4a9
```
#0be4a9 rgb(11,228,169)
```
#15f4b8
```
#15f4b8 rgb(21,244,184)
```
#2df5bf
```
#2df5bf rgb(45,245,191)
```
#45f6c6
```
#45f6c6 rgb(69,246,198)
```
#5ef7ce
```
#5ef7ce rgb(94,247,206)
```
#76f8d5
```
#76f8d5 rgb(118,248,213)
```

Monochromatic Color

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

#2df58d
```
#2df58d rgb(45,245,141)
```
#2df59e
```
#2df59e rgb(45,245,158)
```
#2df5ae
```
#2df5ae rgb(45,245,174)
```
#2df5bf
```
#2df5bf rgb(45,245,191)
```
#2df5d0
```
#2df5d0 rgb(45,245,208)
```
#2df5e0
```
#2df5e0 rgb(45,245,224)
```
#2df5f1
```
#2df5f1 rgb(45,245,241)
```

Similar Colors

Text with hexadecimal color #2df5bf

This text has a font color of #2df5bf.

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

#2df5bf background color

This paragraph has a background color of #2df5bf.

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

#2df5bf border color

This element has a border color of #2df5bf.

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

CSS codes

.text {color:#2df5bf;}

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

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

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

#010f0b
```
#010f0b rgb(1,15,11)
```
#022119
```
#022119 rgb(2,33,25)
```
#023427
```
#023427 rgb(2,52,39)
```
#034735
```
#034735 rgb(3,71,53)
```
#045a43
```
#045a43 rgb(4,90,67)
```
#056c50
```
#056c50 rgb(5,108,80)
```
#067f5e
```
#067f5e rgb(6,127,94)
```
#07926c
```
#07926c rgb(7,146,108)
```
#08a47a
```
#08a47a rgb(8,164,122)
```
#09b788
```
#09b788 rgb(9,183,136)
```
#0aca96
```
#0aca96 rgb(10,202,150)
```
#0bdda4
```
#0bdda4 rgb(11,221,164)
```
#0befb2
```
#0befb2 rgb(11,239,178)
```

Shade Color Variation

#1af4b9
```
#1af4b9 rgb(26,244,185)
```
#2df5bf
```
#2df5bf rgb(45,245,191)
```
#40f6c5
```
#40f6c5 rgb(64,246,197)
```
#52f7ca
```
#52f7ca rgb(82,247,202)
```
#65f8d0
```
#65f8d0 rgb(101,248,208)
```
#78f9d6
```
#78f9d6 rgb(120,249,214)
```
#8bf9dc
```
#8bf9dc rgb(139,249,220)
```
#9dfae1
```
#9dfae1 rgb(157,250,225)
```
#b0fbe7
```
#b0fbe7 rgb(176,251,231)
```
#c3fced
```
#c3fced rgb(195,252,237)
```
#d6fdf2
```
#d6fdf2 rgb(214,253,242)
```
#e8fef8
```
#e8fef8 rgb(232,254,248)
```
#fbfffe
```
#fbfffe rgb(251,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8a9894 is the less saturated color, while #25fdc3 is the most saturated one.

#8a9894
```
#8a9894 rgb(138,152,148)
```
#82a098
```
#82a098 rgb(130,160,152)
```
#79a99c
```
#79a99c rgb(121,169,156)
```
#71b1a0
```
#71b1a0 rgb(113,177,160)
```
#68baa4
```
#68baa4 rgb(104,186,164)
```
#60c2a8
```
#60c2a8 rgb(96,194,168)
```
#57cbac
```
#57cbac rgb(87,203,172)
```
#4fd3af
```
#4fd3af rgb(79,211,175)
```
#46dcb3
```
#46dcb3 rgb(70,220,179)
```
#3ee4b7
```
#3ee4b7 rgb(62,228,183)
```
#35edbb
```
#35edbb rgb(53,237,187)
```
#2df5bf
```
#2df5bf rgb(45,245,191)
```
#25fdc3
```
#25fdc3 rgb(37,253,195)
```

Tone Color Variation

Below, you can see how #2df5bf 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
#98c0b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7dab5 Protanopia 1% of men
#f4d4cd Deuteranopia 1% of men
#65edfe Tritanopia 0.001% of the population

Trichromacy

#a3e4b9 Protanomaly 1% of men, 0.01% of women
#ace0c8 Deuteranomaly 6% of men, 0.4% of women
#50f0e7 Tritanomaly 0.01% of the population

#2df5bf hex color

#2df5bf Color Information

#2df5bf Color Conversion

Color Schemes with #2df5bf

Alternatives to #2df5bf

#2df5bf Preview

Shades and Tints of #2df5bf

Tones of #2df5bf

Color Blindness Simulator