#2dfde2 hex color

In a RGB color space, hex #2dfde2 is composed of 17.6% red, 99.2% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 82.2% cyan, 0% magenta, 10.7% yellow and 0.8% black. It has a hue angle of 172.2 degrees, a saturation of 98.1% and a lightness of 58.4%. #2dfde2 color hex could be obtained by blending #5affff with #00fbc5. Closest websafe color is: #33ffcc.

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

● #2dfde2 color description : Bright cyan.

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

Hex triplet	2dfde2	`#2dfde2`
RGB Decimal	45, 253, 226	`rgb(45,253,226)`
RGB Percent	17.6, 99.2, 88.6	`rgb(17.6%,99.2%,88.6%)`
CMYK	82, 0, 11, 1
HSL	172.2°, 98.1, 58.4	`hsl(172.2,98.1%,58.4%)`
HSV (or HSB)	172.2°, 82.2, 99.2
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	89.996, -53.439, -0.709
XYZ	49.93, 76.294, 84.042
xyY	0.237, 0.363, 76.294
CIE-LCH	89.996, 53.444, 180.76
CIE-LUV	89.996, -69.922, 7.453
Hunter-Lab	87.347, -50.82, 4.096
Binary	00101101, 11111101, 11100010

#2dfde2
```
#2dfde2 rgb(45,253,226)
```
#fd2d48
```
#fd2d48 rgb(253,45,72)
```

Complementary Color

#2dfd7a
```
#2dfd7a rgb(45,253,122)
```
#2dfde2
```
#2dfde2 rgb(45,253,226)
```
#2db0fd
```
#2db0fd rgb(45,176,253)
```

Analogous Color

#fd7a2d
```
#fd7a2d rgb(253,122,45)
```
#2dfde2
```
#2dfde2 rgb(45,253,226)
```
#fd2db0
```
#fd2db0 rgb(253,45,176)
```

Split Complementary Color

#fde22d
```
#fde22d rgb(253,226,45)
```
#2dfde2
```
#2dfde2 rgb(45,253,226)
```
#e22dfd
```
#e22dfd rgb(226,45,253)
```

Triadic Color

#48fd2d
```
#48fd2d rgb(72,253,45)
```
#2dfde2
```
#2dfde2 rgb(45,253,226)
```
#e22dfd
```
#e22dfd rgb(226,45,253)
```
#fd2d48
```
#fd2d48 rgb(253,45,72)
```

Tetradic Color

#02dbbf
```
#02dbbf rgb(2,219,191)
```
#02f5d5
```
#02f5d5 rgb(2,245,213)
```
#14fddf
```
#14fddf rgb(20,253,223)
```
#2dfde2
```
#2dfde2 rgb(45,253,226)
```
#46fde5
```
#46fde5 rgb(70,253,229)
```
#60fde9
```
#60fde9 rgb(96,253,233)
```
#79feec
```
#79feec rgb(121,254,236)
```

Monochromatic Color

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

#2dfdae
```
#2dfdae rgb(45,253,174)
```
#2dfdbf
```
#2dfdbf rgb(45,253,191)
```
#2dfdd1
```
#2dfdd1 rgb(45,253,209)
```
#2dfde2
```
#2dfde2 rgb(45,253,226)
```
#2dfdf3
```
#2dfdf3 rgb(45,253,243)
```
#2df5fd
```
#2df5fd rgb(45,245,253)
```
#2de4fd
```
#2de4fd rgb(45,228,253)
```

Similar Colors

Text with hexadecimal color #2dfde2

This text has a font color of #2dfde2.

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

#2dfde2 background color

This paragraph has a background color of #2dfde2.

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

#2dfde2 border color

This element has a border color of #2dfde2.

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

CSS codes

.text {color:#2dfde2;}

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

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

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

#000403
```
#000403 rgb(0,4,3)
```
#001714
```
#001714 rgb(0,23,20)
```
#002b25
```
#002b25 rgb(0,43,37)
```
#013e36
```
#013e36 rgb(1,62,54)
```
#015147
```
#015147 rgb(1,81,71)
```
#016558
```
#016558 rgb(1,101,88)
```
#017869
```
#017869 rgb(1,120,105)
```
#018c7a
```
#018c7a rgb(1,140,122)
```
#029f8b
```
#029f8b rgb(2,159,139)
```
#02b39c
```
#02b39c rgb(2,179,156)
```
#02c6ad
```
#02c6ad rgb(2,198,173)
```
#02d9be
```
#02d9be rgb(2,217,190)
```
#02edce
```
#02edce rgb(2,237,206)
```

Shade Color Variation

#06fddd
```
#06fddd rgb(6,253,221)
```
#1afddf
```
#1afddf rgb(26,253,223)
```
#2dfde2
```
#2dfde2 rgb(45,253,226)
```
#40fde5
```
#40fde5 rgb(64,253,229)
```
#54fde7
```
#54fde7 rgb(84,253,231)
```
#67feea
```
#67feea rgb(103,254,234)
```
#7bfeed
```
#7bfeed rgb(123,254,237)
```
#8efeef
```
#8efeef rgb(142,254,239)
```
#a2fef2
```
#a2fef2 rgb(162,254,242)
```
#b5fef5
```
#b5fef5 rgb(181,254,245)
```
#c8fef7
```
#c8fef7 rgb(200,254,247)
```
#dcfffa
```
#dcfffa rgb(220,255,250)
```
#effffd
```
#effffd rgb(239,255,253)
```

Tint Color Variation

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

#8f9b9a
```
#8f9b9a rgb(143,155,154)
```
#87a3a0
```
#87a3a0 rgb(135,163,160)
```
#7faba6
```
#7faba6 rgb(127,171,166)
```
#76b4ac
```
#76b4ac rgb(118,180,172)
```
#6ebcb2
```
#6ebcb2 rgb(110,188,178)
```
#66c4b8
```
#66c4b8 rgb(102,196,184)
```
#5eccbe
```
#5eccbe rgb(94,204,190)
```
#56d4c4
```
#56d4c4 rgb(86,212,196)
```
#4edcca
```
#4edcca rgb(78,220,202)
```
#45e5d0
```
#45e5d0 rgb(69,229,208)
```
#3dedd6
```
#3dedd6 rgb(61,237,214)
```
#35f5dc
```
#35f5dc rgb(53,245,220)
```
#2dfde2
```
#2dfde2 rgb(45,253,226)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#9fc9c4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebe2d6 Protanopia 1% of men
#f3ddee Deuteranopia 1% of men
#98f1ff Tritanopia 0.001% of the population

Trichromacy

#a5ecda Protanomaly 1% of men, 0.01% of women
#abe9ea Deuteranomaly 6% of men, 0.4% of women
#71f5f4 Tritanomaly 0.01% of the population

#2dfde2 hex color

#2dfde2 Color Information

#2dfde2 Color Conversion

Color Schemes with #2dfde2

Alternatives to #2dfde2

#2dfde2 Preview

Shades and Tints of #2dfde2

Tones of #2dfde2

Color Blindness Simulator