#2dfcff hex color

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

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

● #2dfcff color description : Vivid cyan.

The hexadecimal color #2dfcff has RGB values of R:45, G:252, B:255 and CMYK values of C:0.82, M:0.01, Y:0, K:0. Its decimal value is 3013887.

Hex triplet	2dfcff	`#2dfcff`
RGB Decimal	45, 252, 255	`rgb(45,252,255)`
RGB Percent	17.6, 98.8, 100	`rgb(17.6%,98.8%,100%)`
CMYK	82, 1, 0, 0
HSL	180.9°, 100, 58.8	`hsl(180.9,100%,58.8%)`
HSV (or HSB)	180.9°, 82.4, 100
Web Safe	33ffff	`#33ffff`

CIE-LAB	90.502, -45.107, -15.028
XYZ	53.937, 77.393, 106.698
xyY	0.227, 0.325, 77.393
CIE-LCH	90.502, 47.545, 198.427
CIE-LUV	90.502, -67.393, -17.111
Hunter-Lab	87.973, -44.514, -10.328
Binary	00101101, 11111100, 11111111

#2dfcff
```
#2dfcff rgb(45,252,255)
```
#ff302d
```
#ff302d rgb(255,48,45)
```

Complementary Color

#2dff99
```
#2dff99 rgb(45,255,153)
```
#2dfcff
```
#2dfcff rgb(45,252,255)
```
#2d93ff
```
#2d93ff rgb(45,147,255)
```

Analogous Color

#ff992d
```
#ff992d rgb(255,153,45)
```
#2dfcff
```
#2dfcff rgb(45,252,255)
```
#ff2d93
```
#ff2d93 rgb(255,45,147)
```

Split Complementary Color

#fcff2d
```
#fcff2d rgb(252,255,45)
```
#2dfcff
```
#2dfcff rgb(45,252,255)
```
#ff2dfc
```
#ff2dfc rgb(255,45,252)
```

Triadic Color

#2dff30
```
#2dff30 rgb(45,255,48)
```
#2dfcff
```
#2dfcff rgb(45,252,255)
```
#ff2dfc
```
#ff2dfc rgb(255,45,252)
```
#ff302d
```
#ff302d rgb(255,48,45)
```

Tetradic Color

#00dce0
```
#00dce0 rgb(0,220,224)
```
#00f5f9
```
#00f5f9 rgb(0,245,249)
```
#14fcff
```
#14fcff rgb(20,252,255)
```
#2dfcff
```
#2dfcff rgb(45,252,255)
```
#47fcff
```
#47fcff rgb(71,252,255)
```
#60fdff
```
#60fdff rgb(96,253,255)
```
#7afdff
```
#7afdff rgb(122,253,255)
```

Monochromatic Color

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

#2dffce
```
#2dffce rgb(45,255,206)
```
#2dffdf
```
#2dffdf rgb(45,255,223)
```
#2dfff1
```
#2dfff1 rgb(45,255,241)
```
#2dfcff
```
#2dfcff rgb(45,252,255)
```
#2debff
```
#2debff rgb(45,235,255)
```
#2dd9ff
```
#2dd9ff rgb(45,217,255)
```
#2dc8ff
```
#2dc8ff rgb(45,200,255)
```

Similar Colors

Text with hexadecimal color #2dfcff

This text has a font color of #2dfcff.

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

#2dfcff background color

This paragraph has a background color of #2dfcff.

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

#2dfcff border color

This element has a border color of #2dfcff.

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

CSS codes

.text {color:#2dfcff;}

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

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

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

#000606
```
#000606 rgb(0,6,6)
```
#001919
```
#001919 rgb(0,25,25)
```
#002c2d
```
#002c2d rgb(0,44,45)
```
#004041
```
#004041 rgb(0,64,65)
```
#005354
```
#005354 rgb(0,83,84)
```
#006668
```
#006668 rgb(0,102,104)
```
#007a7b
```
#007a7b rgb(0,122,123)
```
#008d8f
```
#008d8f rgb(0,141,143)
```
#00a0a3
```
#00a0a3 rgb(0,160,163)
```
#00b4b6
```
#00b4b6 rgb(0,180,182)
```
#00c7ca
```
#00c7ca rgb(0,199,202)
```
#00dade
```
#00dade rgb(0,218,222)
```
#00eef1
```
#00eef1 rgb(0,238,241)
```

Shade Color Variation

#06fbff
```
#06fbff rgb(6,251,255)
```
#19fcff
```
#19fcff rgb(25,252,255)
```
#2dfcff
```
#2dfcff rgb(45,252,255)
```
#41fcff
```
#41fcff rgb(65,252,255)
```
#54fdff
```
#54fdff rgb(84,253,255)
```
#68fdff
```
#68fdff rgb(104,253,255)
```
#7bfdff
```
#7bfdff rgb(123,253,255)
```
#8ffdff
```
#8ffdff rgb(143,253,255)
```
#a3feff
```
#a3feff rgb(163,254,255)
```
#b6feff
```
#b6feff rgb(182,254,255)
```
#cafeff
```
#cafeff rgb(202,254,255)
```
#deffff
```
#deffff rgb(222,255,255)
```
#f1ffff
```
#f1ffff rgb(241,255,255)
```

Tint Color Variation

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

#8e9e9e
```
#8e9e9e rgb(142,158,158)
```
#86a6a6
```
#86a6a6 rgb(134,166,166)
```
#7eaeae
```
#7eaeae rgb(126,174,174)
```
#76b5b6
```
#76b5b6 rgb(118,181,182)
```
#6ebdbe
```
#6ebdbe rgb(110,189,190)
```
#66c5c6
```
#66c5c6 rgb(102,197,198)
```
#5dcdcf
```
#5dcdcf rgb(93,205,207)
```
#55d5d7
```
#55d5d7 rgb(85,213,215)
```
#4ddddf
```
#4ddddf rgb(77,221,223)
```
#45e4e7
```
#45e4e7 rgb(69,228,231)
```
#3decef
```
#3decef rgb(61,236,239)
```
#35f4f7
```
#35f4f7 rgb(53,244,247)
```
#2dfcff
```
#2dfcff rgb(45,252,255)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#a1cacb Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5e3f1 Protanopia 1% of men
#e7e1ff Deuteranopia 1% of men
#9df2ff Tritanopia 0.001% of the population

Trichromacy

#a2ecf6 Protanomaly 1% of men, 0.01% of women
#a3ebff Deuteranomaly 6% of men, 0.4% of women
#74f6ff Tritanomaly 0.01% of the population

#2dfcff hex color

#2dfcff Color Information

#2dfcff Color Conversion

Color Schemes with #2dfcff

Alternatives to #2dfcff

#2dfcff Preview

Shades and Tints of #2dfcff

Tones of #2dfcff

Color Blindness Simulator