#2dfdff hex color

In a RGB color space, hex #2dfdff is composed of 17.6% red, 99.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 82.4% cyan, 0.8% magenta, 0% yellow and 0% black. It has a hue angle of 180.6 degrees, a saturation of 100% and a lightness of 58.8%. #2dfdff color hex could be obtained by blending #5affff with #00fbff. 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

● #2dfdff color description : Vivid cyan.

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

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

CIE-LAB	90.79, -45.545, -14.597
XYZ	54.252, 78.023, 106.803
xyY	0.227, 0.326, 78.023
CIE-LCH	90.79, 47.827, 197.77
CIE-LUV	90.79, -67.727, -16.329
Hunter-Lab	88.331, -44.946, -9.858
Binary	00101101, 11111101, 11111111

#2dfdff
```
#2dfdff rgb(45,253,255)
```
#ff2f2d
```
#ff2f2d rgb(255,47,45)
```

Complementary Color

#2dff98
```
#2dff98 rgb(45,255,152)
```
#2dfdff
```
#2dfdff rgb(45,253,255)
```
#2d94ff
```
#2d94ff rgb(45,148,255)
```

Analogous Color

#ff982d
```
#ff982d rgb(255,152,45)
```
#2dfdff
```
#2dfdff rgb(45,253,255)
```
#ff2d94
```
#ff2d94 rgb(255,45,148)
```

Split Complementary Color

#fdff2d
```
#fdff2d rgb(253,255,45)
```
#2dfdff
```
#2dfdff rgb(45,253,255)
```
#ff2dfd
```
#ff2dfd rgb(255,45,253)
```

Triadic Color

#2dff2f
```
#2dff2f rgb(45,255,47)
```
#2dfdff
```
#2dfdff rgb(45,253,255)
```
#ff2dfd
```
#ff2dfd rgb(255,45,253)
```
#ff2f2d
```
#ff2f2d rgb(255,47,45)
```

Tetradic Color

#00dde0
```
#00dde0 rgb(0,221,224)
```
#00f7f9
```
#00f7f9 rgb(0,247,249)
```
#14fdff
```
#14fdff rgb(20,253,255)
```
#2dfdff
```
#2dfdff rgb(45,253,255)
```
#47fdff
```
#47fdff rgb(71,253,255)
```
#60fdff
```
#60fdff rgb(96,253,255)
```
#7afeff
```
#7afeff rgb(122,254,255)
```

Monochromatic Color

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

#2dffcd
```
#2dffcd rgb(45,255,205)
```
#2dffde
```
#2dffde rgb(45,255,222)
```
#2dfff0
```
#2dfff0 rgb(45,255,240)
```
#2dfdff
```
#2dfdff rgb(45,253,255)
```
#2decff
```
#2decff rgb(45,236,255)
```
#2ddaff
```
#2ddaff rgb(45,218,255)
```
#2dc9ff
```
#2dc9ff rgb(45,201,255)
```

Similar Colors

Text with hexadecimal color #2dfdff

This text has a font color of #2dfdff.

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

#2dfdff background color

This paragraph has a background color of #2dfdff.

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

#2dfdff border color

This element has a border color of #2dfdff.

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

CSS codes

.text {color:#2dfdff;}

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

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

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)
```
#002d2d
```
#002d2d rgb(0,45,45)
```
#004041
```
#004041 rgb(0,64,65)
```
#005354
```
#005354 rgb(0,83,84)
```
#006768
```
#006768 rgb(0,103,104)
```
#007a7b
```
#007a7b rgb(0,122,123)
```
#008e8f
```
#008e8f rgb(0,142,143)
```
#00a1a3
```
#00a1a3 rgb(0,161,163)
```
#00b5b6
```
#00b5b6 rgb(0,181,182)
```
#00c8ca
```
#00c8ca rgb(0,200,202)
```
#00dbde
```
#00dbde rgb(0,219,222)
```
#00eff1
```
#00eff1 rgb(0,239,241)
```

Shade Color Variation

#06fdff
```
#06fdff rgb(6,253,255)
```
#19fdff
```
#19fdff rgb(25,253,255)
```
#2dfdff
```
#2dfdff rgb(45,253,255)
```
#41fdff
```
#41fdff rgb(65,253,255)
```
#54fdff
```
#54fdff rgb(84,253,255)
```
#68feff
```
#68feff rgb(104,254,255)
```
#7bfeff
```
#7bfeff rgb(123,254,255)
```
#8ffeff
```
#8ffeff rgb(143,254,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 #2dfdff is the most saturated one.

#8e9e9e
```
#8e9e9e rgb(142,158,158)
```
#86a6a6
```
#86a6a6 rgb(134,166,166)
```
#7eaeae
```
#7eaeae rgb(126,174,174)
```
#76b6b6
```
#76b6b6 rgb(118,182,182)
```
#6ebebe
```
#6ebebe rgb(110,190,190)
```
#66c6c6
```
#66c6c6 rgb(102,198,198)
```
#5dcdcf
```
#5dcdcf rgb(93,205,207)
```
#55d5d7
```
#55d5d7 rgb(85,213,215)
```
#4ddddf
```
#4ddddf rgb(77,221,223)
```
#45e5e7
```
#45e5e7 rgb(69,229,231)
```
#3dedef
```
#3dedef rgb(61,237,239)
```
#35f5f7
```
#35f5f7 rgb(53,245,247)
```
#2dfdff
```
#2dfdff rgb(45,253,255)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#a2cbcc Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6e4f1 Protanopia 1% of men
#e8e2ff Deuteranopia 1% of men
#a1f3ff Tritanopia 0.001% of the population

Trichromacy

#a2edf6 Protanomaly 1% of men, 0.01% of women
#a4ecff Deuteranomaly 6% of men, 0.4% of women
#76f6ff Tritanomaly 0.01% of the population

#2dfdff hex color

#2dfdff Color Information

#2dfdff Color Conversion

Color Schemes with #2dfdff

Alternatives to #2dfdff

#2dfdff Preview

Shades and Tints of #2dfdff

Tones of #2dfdff

Color Blindness Simulator