#2df1ff hex color

In a RGB color space, hex #2df1ff is composed of 17.6% red, 94.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 82.4% cyan, 5.5% magenta, 0% yellow and 0% black. It has a hue angle of 184 degrees, a saturation of 100% and a lightness of 58.8%. #2df1ff color hex could be obtained by blending #5affff with #00e3ff. Closest websafe color is: #33ffff.

♥
- f
- t
- g
- R 18
- G 95
- B 100
RGB color chart
- C 82
- M 5
- Y 0
- K 0
CMYK color chart

● #2df1ff color description : Vivid cyan.

The hexadecimal color #2df1ff has RGB values of R:45, G:241, B:255 and CMYK values of C:0.82, M:0.05, Y:0, K:0. Its decimal value is 3011071.

Hex triplet	2df1ff	`#2df1ff`
RGB Decimal	45, 241, 255	`rgb(45,241,255)`
RGB Percent	17.6, 94.5, 100	`rgb(17.6%,94.5%,100%)`
CMYK	82, 5, 0, 0
HSL	184°, 100, 58.8	`hsl(184,100%,58.8%)`
HSV (or HSB)	184°, 82.4, 100
Web Safe	33ffff	`#33ffff`

CIE-LAB	87.331, -40.205, -19.8
XYZ	50.582, 70.683, 105.58
xyY	0.223, 0.312, 70.683
CIE-LCH	87.331, 44.816, 206.219
CIE-LUV	87.331, -63.703, -25.793
Hunter-Lab	84.073, -39.736, -15.605
Binary	00101101, 11110001, 11111111

#2df1ff
```
#2df1ff rgb(45,241,255)
```
#ff3b2d
```
#ff3b2d rgb(255,59,45)
```

Complementary Color

#2dffa4
```
#2dffa4 rgb(45,255,164)
```
#2df1ff
```
#2df1ff rgb(45,241,255)
```
#2d88ff
```
#2d88ff rgb(45,136,255)
```

Analogous Color

#ffa42d
```
#ffa42d rgb(255,164,45)
```
#2df1ff
```
#2df1ff rgb(45,241,255)
```
#ff2d88
```
#ff2d88 rgb(255,45,136)
```

Split Complementary Color

#f1ff2d
```
#f1ff2d rgb(241,255,45)
```
#2df1ff
```
#2df1ff rgb(45,241,255)
```
#ff2df1
```
#ff2df1 rgb(255,45,241)
```

Triadic Color

#2dff3b
```
#2dff3b rgb(45,255,59)
```
#2df1ff
```
#2df1ff rgb(45,241,255)
```
#ff2df1
```
#ff2df1 rgb(255,45,241)
```
#ff3b2d
```
#ff3b2d rgb(255,59,45)
```

Tetradic Color

#00d1e0
```
#00d1e0 rgb(0,209,224)
```
#00e8f9
```
#00e8f9 rgb(0,232,249)
```
#14efff
```
#14efff rgb(20,239,255)
```
#2df1ff
```
#2df1ff rgb(45,241,255)
```
#47f3ff
```
#47f3ff rgb(71,243,255)
```
#60f4ff
```
#60f4ff rgb(96,244,255)
```
#7af6ff
```
#7af6ff rgb(122,246,255)
```

Monochromatic Color

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

#2dffd9
```
#2dffd9 rgb(45,255,217)
```
#2dffea
```
#2dffea rgb(45,255,234)
```
#2dfffc
```
#2dfffc rgb(45,255,252)
```
#2df1ff
```
#2df1ff rgb(45,241,255)
```
#2de0ff
```
#2de0ff rgb(45,224,255)
```
#2dceff
```
#2dceff rgb(45,206,255)
```
#2dbdff
```
#2dbdff rgb(45,189,255)
```

Similar Colors

Text with hexadecimal color #2df1ff

This text has a font color of #2df1ff.

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

#2df1ff background color

This paragraph has a background color of #2df1ff.

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

#2df1ff border color

This element has a border color of #2df1ff.

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

CSS codes

.text {color:#2df1ff;}

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

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

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

#000506
```
#000506 rgb(0,5,6)
```
#001819
```
#001819 rgb(0,24,25)
```
#002a2d
```
#002a2d rgb(0,42,45)
```
#003c41
```
#003c41 rgb(0,60,65)
```
#004f54
```
#004f54 rgb(0,79,84)
```
#006168
```
#006168 rgb(0,97,104)
```
#00737b
```
#00737b rgb(0,115,123)
```
#00868f
```
#00868f rgb(0,134,143)
```
#0098a3
```
#0098a3 rgb(0,152,163)
```
#00aab6
```
#00aab6 rgb(0,170,182)
```
#00bcca
```
#00bcca rgb(0,188,202)
```
#00cfde
```
#00cfde rgb(0,207,222)
```
#00e1f1
```
#00e1f1 rgb(0,225,241)
```

Shade Color Variation

#06eeff
```
#06eeff rgb(6,238,255)
```
#19f0ff
```
#19f0ff rgb(25,240,255)
```
#2df1ff
```
#2df1ff rgb(45,241,255)
```
#41f2ff
```
#41f2ff rgb(65,242,255)
```
#54f4ff
```
#54f4ff rgb(84,244,255)
```
#68f5ff
```
#68f5ff rgb(104,245,255)
```
#7bf6ff
```
#7bf6ff rgb(123,246,255)
```
#8ff8ff
```
#8ff8ff rgb(143,248,255)
```
#a3f9ff
```
#a3f9ff rgb(163,249,255)
```
#b6faff
```
#b6faff rgb(182,250,255)
```
#cafbff
```
#cafbff rgb(202,251,255)
```
#defdff
```
#defdff rgb(222,253,255)
```
#f1feff
```
#f1feff rgb(241,254,255)
```

Tint Color Variation

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

#8e9d9e
```
#8e9d9e rgb(142,157,158)
```
#86a4a6
```
#86a4a6 rgb(134,164,166)
```
#7eabae
```
#7eabae rgb(126,171,174)
```
#76b2b6
```
#76b2b6 rgb(118,178,182)
```
#6eb9be
```
#6eb9be rgb(110,185,190)
```
#66c0c6
```
#66c0c6 rgb(102,192,198)
```
#5dc7cf
```
#5dc7cf rgb(93,199,207)
```
#55ced7
```
#55ced7 rgb(85,206,215)
```
#4dd5df
```
#4dd5df rgb(77,213,223)
```
#45dce7
```
#45dce7 rgb(69,220,231)
```
#3de3ef
```
#3de3ef rgb(61,227,239)
```
#35eaf7
```
#35eaf7 rgb(53,234,247)
```
#2df1ff
```
#2df1ff rgb(45,241,255)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#9cc3c6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9dbf1 Protanopia 1% of men
#dad9ff Deuteranopia 1% of men
#64eeff Tritanopia 0.001% of the population

Trichromacy

#9be3f6 Protanomaly 1% of men, 0.01% of women
#9be1ff Deuteranomaly 6% of men, 0.4% of women
#50efff Tritanomaly 0.01% of the population

#2df1ff hex color

#2df1ff Color Information

#2df1ff Color Conversion

Color Schemes with #2df1ff

Alternatives to #2df1ff

#2df1ff Preview

Shades and Tints of #2df1ff

Tones of #2df1ff

Color Blindness Simulator