#2df7f8 hex color

In a RGB color space, hex #2df7f8 is composed of 17.6% red, 96.9% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 81.9% cyan, 0.4% magenta, 0% yellow and 2.7% black. It has a hue angle of 180.3 degrees, a saturation of 93.5% and a lightness of 57.5%. #2df7f8 color hex could be obtained by blending #5affff with #00eff1. Closest websafe color is: #33ffff.

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

● #2df7f8 color description : Bright cyan.

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

Hex triplet	2df7f8	`#2df7f8`
RGB Decimal	45, 247, 248	`rgb(45,247,248)`
RGB Percent	17.6, 96.9, 97.3	`rgb(17.6%,96.9%,97.3%)`
CMYK	82, 0, 0, 3
HSL	180.3°, 93.5, 57.5	`hsl(180.3,93.5%,57.5%)`
HSV (or HSB)	180.3°, 81.9, 97.3
Web Safe	33ffff	`#33ffff`

CIE-LAB	88.852, -44.904, -13.855
XYZ	51.281, 73.852, 100.354
xyY	0.227, 0.328, 73.852
CIE-LCH	88.852, 46.993, 197.148
CIE-LUV	88.852, -66.25, -15.158
Hunter-Lab	85.937, -43.874, -9.081
Binary	00101101, 11110111, 11111000

#2df7f8
```
#2df7f8 rgb(45,247,248)
```
#f82e2d
```
#f82e2d rgb(248,46,45)
```

Complementary Color

#2df894
```
#2df894 rgb(45,248,148)
```
#2df7f8
```
#2df7f8 rgb(45,247,248)
```
#2d92f8
```
#2d92f8 rgb(45,146,248)
```

Analogous Color

#f8942d
```
#f8942d rgb(248,148,45)
```
#2df7f8
```
#2df7f8 rgb(45,247,248)
```
#f82d92
```
#f82d92 rgb(248,45,146)
```

Split Complementary Color

#f7f82d
```
#f7f82d rgb(247,248,45)
```
#2df7f8
```
#2df7f8 rgb(45,247,248)
```
#f82df7
```
#f82df7 rgb(248,45,247)
```

Triadic Color

#2df82e
```
#2df82e rgb(45,248,46)
```
#2df7f8
```
#2df7f8 rgb(45,247,248)
```
#f82df7
```
#f82df7 rgb(248,45,247)
```
#f82e2d
```
#f82e2d rgb(248,46,45)
```

Tetradic Color

#07d1d2
```
#07d1d2 rgb(7,209,210)
```
#08e9ea
```
#08e9ea rgb(8,233,234)
```
#14f6f7
```
#14f6f7 rgb(20,246,247)
```
#2df7f8
```
#2df7f8 rgb(45,247,248)
```
#46f8f9
```
#46f8f9 rgb(70,248,249)
```
#5ef9fa
```
#5ef9fa rgb(94,249,250)
```
#77fafa
```
#77fafa rgb(119,250,250)
```

Monochromatic Color

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

#2df8c6
```
#2df8c6 rgb(45,248,198)
```
#2df8d7
```
#2df8d7 rgb(45,248,215)
```
#2df8e8
```
#2df8e8 rgb(45,248,232)
```
#2df7f8
```
#2df7f8 rgb(45,247,248)
```
#2de6f8
```
#2de6f8 rgb(45,230,248)
```
#2dd5f8
```
#2dd5f8 rgb(45,213,248)
```
#2dc4f8
```
#2dc4f8 rgb(45,196,248)
```

Similar Colors

Text with hexadecimal color #2df7f8

This text has a font color of #2df7f8.

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

#2df7f8 background color

This paragraph has a background color of #2df7f8.

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

#2df7f8 border color

This element has a border color of #2df7f8.

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

CSS codes

.text {color:#2df7f8;}

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

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

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

#011212
```
#011212 rgb(1,18,18)
```
#012525
```
#012525 rgb(1,37,37)
```
#023738
```
#023738 rgb(2,55,56)
```
#024a4b
```
#024a4b rgb(2,74,75)
```
#035d5e
```
#035d5e rgb(3,93,94)
```
#047071
```
#047071 rgb(4,112,113)
```
#048384
```
#048384 rgb(4,131,132)
```
#059697
```
#059697 rgb(5,150,151)
```
#06a9aa
```
#06a9aa rgb(6,169,170)
```
#06bcbd
```
#06bcbd rgb(6,188,189)
```
#07cfd0
```
#07cfd0 rgb(7,207,208)
```
#08e2e3
```
#08e2e3 rgb(8,226,227)
```
#08f4f6
```
#08f4f6 rgb(8,244,246)
```

Shade Color Variation

#1af6f7
```
#1af6f7 rgb(26,246,247)
```
#2df7f8
```
#2df7f8 rgb(45,247,248)
```
#40f8f9
```
#40f8f9 rgb(64,248,249)
```
#53f8f9
```
#53f8f9 rgb(83,248,249)
```
#66f9fa
```
#66f9fa rgb(102,249,250)
```
#79fafb
```
#79fafb rgb(121,250,251)
```
#8cfbfb
```
#8cfbfb rgb(140,251,251)
```
#9ffbfc
```
#9ffbfc rgb(159,251,252)
```
#b2fcfc
```
#b2fcfc rgb(178,252,252)
```
#c5fdfd
```
#c5fdfd rgb(197,253,253)
```
#d8fefe
```
#d8fefe rgb(216,254,254)
```
#ebfefe
```
#ebfefe rgb(235,254,254)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#919494
```
#919494 rgb(145,148,148)
```
#899c9c
```
#899c9c rgb(137,156,156)
```
#80a4a5
```
#80a4a5 rgb(128,164,165)
```
#78adad
```
#78adad rgb(120,173,173)
```
#70b5b5
```
#70b5b5 rgb(112,181,181)
```
#67bdbe
```
#67bdbe rgb(103,189,190)
```
#5fc5c6
```
#5fc5c6 rgb(95,197,198)
```
#57cece
```
#57cece rgb(87,206,206)
```
#4ed6d7
```
#4ed6d7 rgb(78,214,215)
```
#46dedf
```
#46dedf rgb(70,222,223)
```
#3ee6e7
```
#3ee6e7 rgb(62,230,231)
```
#35eff0
```
#35eff0 rgb(53,239,240)
```
#2df7f8
```
#2df7f8 rgb(45,247,248)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#9fc7c7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1dfea Protanopia 1% of men
#e4dcff Deuteranopia 1% of men
#84f0ff Tritanopia 0.001% of the population

Trichromacy

#9fe8ef Protanomaly 1% of men, 0.01% of women
#a1e6fc Deuteranomaly 6% of men, 0.4% of women
#64f2fc Tritanomaly 0.01% of the population

#2df7f8 hex color

#2df7f8 Color Information

#2df7f8 Color Conversion

Color Schemes with #2df7f8

Alternatives to #2df7f8

#2df7f8 Preview

Shades and Tints of #2df7f8

Tones of #2df7f8

Color Blindness Simulator