#2df7cf hex color

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

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

● #2df7cf color description : Bright cyan.

The hexadecimal color #2df7cf has RGB values of R:45, G:247, B:207 and CMYK values of C:0.82, M:0, Y:0.16, K:0.03. Its decimal value is 3012559.

Hex triplet	2df7cf	`#2df7cf`
RGB Decimal	45, 247, 207	`rgb(45,247,207)`
RGB Percent	17.6, 96.9, 81.2	`rgb(17.6%,96.9%,81.2%)`
CMYK	82, 0, 16, 3
HSL	168.1°, 92.7, 57.3	`hsl(168.1,92.7%,57.3%)`
HSV (or HSB)	168.1°, 81.8, 96.9
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	87.766, -55.841, 5.931
XYZ	45.601, 71.58, 70.441
xyY	0.243, 0.382, 71.58
CIE-LCH	87.766, 56.155, 173.937
CIE-LUV	87.766, -69.321, 18.041
Hunter-Lab	84.605, -51.848, 9.859
Binary	00101101, 11110111, 11001111

#2df7cf
```
#2df7cf rgb(45,247,207)
```
#f72d55
```
#f72d55 rgb(247,45,85)
```

Complementary Color

#2df76a
```
#2df76a rgb(45,247,106)
```
#2df7cf
```
#2df7cf rgb(45,247,207)
```
#2dbaf7
```
#2dbaf7 rgb(45,186,247)
```

Analogous Color

#f76a2d
```
#f76a2d rgb(247,106,45)
```
#2df7cf
```
#2df7cf rgb(45,247,207)
```
#f72dba
```
#f72dba rgb(247,45,186)
```

Split Complementary Color

#f7cf2d
```
#f7cf2d rgb(247,207,45)
```
#2df7cf
```
#2df7cf rgb(45,247,207)
```
#cf2df7
```
#cf2df7 rgb(207,45,247)
```

Triadic Color

#55f72d
```
#55f72d rgb(85,247,45)
```
#2df7cf
```
#2df7cf rgb(45,247,207)
```
#cf2df7
```
#cf2df7 rgb(207,45,247)
```
#f72d55
```
#f72d55 rgb(247,45,85)
```

Tetradic Color

#08d0a8
```
#08d0a8 rgb(8,208,168)
```
#09e8bc
```
#09e8bc rgb(9,232,188)
```
#14f6c9
```
#14f6c9 rgb(20,246,201)
```
#2df7cf
```
#2df7cf rgb(45,247,207)
```
#46f8d5
```
#46f8d5 rgb(70,248,213)
```
#5ef9da
```
#5ef9da rgb(94,249,218)
```
#77fae0
```
#77fae0 rgb(119,250,224)
```

Monochromatic Color

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

#2df79d
```
#2df79d rgb(45,247,157)
```
#2df7ad
```
#2df7ad rgb(45,247,173)
```
#2df7be
```
#2df7be rgb(45,247,190)
```
#2df7cf
```
#2df7cf rgb(45,247,207)
```
#2df7e0
```
#2df7e0 rgb(45,247,224)
```
#2df7f1
```
#2df7f1 rgb(45,247,241)
```
#2dedf7
```
#2dedf7 rgb(45,237,247)
```

Similar Colors

Text with hexadecimal color #2df7cf

This text has a font color of #2df7cf.

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

#2df7cf background color

This paragraph has a background color of #2df7cf.

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

#2df7cf border color

This element has a border color of #2df7cf.

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

CSS codes

.text {color:#2df7cf;}

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

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

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

#01110e
```
#01110e rgb(1,17,14)
```
#01241d
```
#01241d rgb(1,36,29)
```
#02372c
```
#02372c rgb(2,55,44)
```
#03493b
```
#03493b rgb(3,73,59)
```
#045c4b
```
#045c4b rgb(4,92,75)
```
#046f5a
```
#046f5a rgb(4,111,90)
```
#058269
```
#058269 rgb(5,130,105)
```
#069579
```
#069579 rgb(6,149,121)
```
#06a888
```
#06a888 rgb(6,168,136)
```
#07bb97
```
#07bb97 rgb(7,187,151)
```
#08cea7
```
#08cea7 rgb(8,206,167)
```
#09e1b6
```
#09e1b6 rgb(9,225,182)
```
#09f3c5
```
#09f3c5 rgb(9,243,197)
```

Shade Color Variation

#1af6cb
```
#1af6cb rgb(26,246,203)
```
#2df7cf
```
#2df7cf rgb(45,247,207)
```
#40f8d3
```
#40f8d3 rgb(64,248,211)
```
#53f8d8
```
#53f8d8 rgb(83,248,216)
```
#66f9dc
```
#66f9dc rgb(102,249,220)
```
#79fae0
```
#79fae0 rgb(121,250,224)
```
#8bfbe5
```
#8bfbe5 rgb(139,251,229)
```
#9efbe9
```
#9efbe9 rgb(158,251,233)
```
#b1fced
```
#b1fced rgb(177,252,237)
```
#c4fdf2
```
#c4fdf2 rgb(196,253,242)
```
#d7fdf6
```
#d7fdf6 rgb(215,253,246)
```
#eafefa
```
#eafefa rgb(234,254,250)
```
#fdffff
```
#fdffff rgb(253,255,255)
```

Tint Color Variation

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

#929292
```
#929292 rgb(146,146,146)
```
#899b97
```
#899b97 rgb(137,155,151)
```
#81a39c
```
#81a39c rgb(129,163,156)
```
#78aca1
```
#78aca1 rgb(120,172,161)
```
#70b4a6
```
#70b4a6 rgb(112,180,166)
```
#68bcac
```
#68bcac rgb(104,188,172)
```
#5fc5b1
```
#5fc5b1 rgb(95,197,177)
```
#57cdb6
```
#57cdb6 rgb(87,205,182)
```
#4fd5bb
```
#4fd5bb rgb(79,213,187)
```
#46dec0
```
#46dec0 rgb(70,222,192)
```
#3ee6c5
```
#3ee6c5 rgb(62,230,197)
```
#35efca
```
#35efca rgb(53,239,202)
```
#2df7cf
```
#2df7cf rgb(45,247,207)
```

Tone Color Variation

Below, you can see how #2df7cf 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

#b6b6b6 Achromatopsia 0.005% of the population
#9bc3bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7ddc4 Protanopia 1% of men
#f2d7dc Deuteranopia 1% of men
#74eeff Tritanopia 0.001% of the population

Trichromacy

#a3e6c8 Protanomaly 1% of men, 0.01% of women
#aae2d7 Deuteranomaly 6% of men, 0.4% of women
#5af1ed Tritanomaly 0.01% of the population

#2df7cf hex color

#2df7cf Color Information

#2df7cf Color Conversion

Color Schemes with #2df7cf

Alternatives to #2df7cf

#2df7cf Preview

Shades and Tints of #2df7cf

Tones of #2df7cf

Color Blindness Simulator