#2df8f8 hex color

In a RGB color space, hex #2df8f8 is composed of 17.6% red, 97.3% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 81.9% cyan, 0% magenta, 0% yellow and 2.7% black. It has a hue angle of 180 degrees, a saturation of 93.5% and a lightness of 57.5%. #2df8f8 color hex could be obtained by blending #5affff with #00f1f1. 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

● #2df8f8 color description : Bright cyan.

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

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

CIE-LAB	89.142, -45.342, -13.422
XYZ	51.588, 74.465, 100.456
xyY	0.228, 0.329, 74.465
CIE-LCH	89.142, 47.287, 196.49
CIE-LUV	89.142, -66.586, -14.378
Hunter-Lab	86.293, -44.302, -8.616
Binary	00101101, 11111000, 11111000

#2df8f8
```
#2df8f8 rgb(45,248,248)
```
#f82d2d
```
#f82d2d rgb(248,45,45)
```

Complementary Color

#2df893
```
#2df893 rgb(45,248,147)
```
#2df8f8
```
#2df8f8 rgb(45,248,248)
```
#2d93f8
```
#2d93f8 rgb(45,147,248)
```

Analogous Color

#f8932d
```
#f8932d rgb(248,147,45)
```
#2df8f8
```
#2df8f8 rgb(45,248,248)
```
#f82d93
```
#f82d93 rgb(248,45,147)
```

Split Complementary Color

#f8f82d
```
#f8f82d rgb(248,248,45)
```
#2df8f8
```
#2df8f8 rgb(45,248,248)
```
#f82df8
```
#f82df8 rgb(248,45,248)
```

Triadic Color

#2df82d
```
#2df82d rgb(45,248,45)
```
#2df8f8
```
#2df8f8 rgb(45,248,248)
```
#f82df8
```
#f82df8 rgb(248,45,248)
```
#f82d2d
```
#f82d2d rgb(248,45,45)
```

Tetradic Color

#07d2d2
```
#07d2d2 rgb(7,210,210)
```
#08eaea
```
#08eaea rgb(8,234,234)
```
#14f7f7
```
#14f7f7 rgb(20,247,247)
```
#2df8f8
```
#2df8f8 rgb(45,248,248)
```
#46f9f9
```
#46f9f9 rgb(70,249,249)
```
#5efafa
```
#5efafa rgb(94,250,250)
```
#77fafa
```
#77fafa rgb(119,250,250)
```

Monochromatic Color

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

#2df8c5
```
#2df8c5 rgb(45,248,197)
```
#2df8d6
```
#2df8d6 rgb(45,248,214)
```
#2df8e7
```
#2df8e7 rgb(45,248,231)
```
#2df8f8
```
#2df8f8 rgb(45,248,248)
```
#2de7f8
```
#2de7f8 rgb(45,231,248)
```
#2dd6f8
```
#2dd6f8 rgb(45,214,248)
```
#2dc5f8
```
#2dc5f8 rgb(45,197,248)
```

Similar Colors

Text with hexadecimal color #2df8f8

This text has a font color of #2df8f8.

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

#2df8f8 background color

This paragraph has a background color of #2df8f8.

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

#2df8f8 border color

This element has a border color of #2df8f8.

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

CSS codes

.text {color:#2df8f8;}

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

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

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)
```
#023838
```
#023838 rgb(2,56,56)
```
#024b4b
```
#024b4b rgb(2,75,75)
```
#035e5e
```
#035e5e rgb(3,94,94)
```
#047171
```
#047171 rgb(4,113,113)
```
#048484
```
#048484 rgb(4,132,132)
```
#059797
```
#059797 rgb(5,151,151)
```
#06aaaa
```
#06aaaa rgb(6,170,170)
```
#06bdbd
```
#06bdbd rgb(6,189,189)
```
#07d0d0
```
#07d0d0 rgb(7,208,208)
```
#08e3e3
```
#08e3e3 rgb(8,227,227)
```
#08f6f6
```
#08f6f6 rgb(8,246,246)
```

Shade Color Variation

#1af7f7
```
#1af7f7 rgb(26,247,247)
```
#2df8f8
```
#2df8f8 rgb(45,248,248)
```
#40f9f9
```
#40f9f9 rgb(64,249,249)
```
#53f9f9
```
#53f9f9 rgb(83,249,249)
```
#66fafa
```
#66fafa rgb(102,250,250)
```
#79fbfb
```
#79fbfb rgb(121,251,251)
```
#8cfbfb
```
#8cfbfb rgb(140,251,251)
```
#9ffcfc
```
#9ffcfc rgb(159,252,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 #2df8f8 is the most saturated one.

#919494
```
#919494 rgb(145,148,148)
```
#899c9c
```
#899c9c rgb(137,156,156)
```
#80a5a5
```
#80a5a5 rgb(128,165,165)
```
#78adad
```
#78adad rgb(120,173,173)
```
#70b5b5
```
#70b5b5 rgb(112,181,181)
```
#67bebe
```
#67bebe rgb(103,190,190)
```
#5fc6c6
```
#5fc6c6 rgb(95,198,198)
```
#57cece
```
#57cece rgb(87,206,206)
```
#4ed7d7
```
#4ed7d7 rgb(78,215,215)
```
#46dfdf
```
#46dfdf rgb(70,223,223)
```
#3ee7e7
```
#3ee7e7 rgb(62,231,231)
```
#35f0f0
```
#35f0f0 rgb(53,240,240)
```
#2df8f8
```
#2df8f8 rgb(45,248,248)
```

Tone Color Variation

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

#e2e0ea Protanopia 1% of men
#e5ddff Deuteranopia 1% of men
#89f0ff Tritanopia 0.001% of the population

Trichromacy

#a0e8ef Protanomaly 1% of men, 0.01% of women
#a2e6fc Deuteranomaly 6% of men, 0.4% of women
#67f3fc Tritanomaly 0.01% of the population

#2df8f8 hex color

#2df8f8 Color Information

#2df8f8 Color Conversion

Color Schemes with #2df8f8

Alternatives to #2df8f8

#2df8f8 Preview

Shades and Tints of #2df8f8

Tones of #2df8f8

Color Blindness Simulator