#2dffff hex color

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

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

● #2dffff color description : Vivid cyan.

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

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

CIE-LAB	91.366, -46.417, -13.735
XYZ	54.887, 79.292, 107.014
xyY	0.228, 0.329, 79.292
CIE-LCH	91.366, 48.406, 196.484
CIE-LUV	91.366, -68.395, -14.768
Hunter-Lab	89.046, -45.807, -8.921
Binary	00101101, 11111111, 11111111

#2dffff
```
#2dffff rgb(45,255,255)
```
#ff2d2d
```
#ff2d2d rgb(255,45,45)
```

Complementary Color

#2dff96
```
#2dff96 rgb(45,255,150)
```
#2dffff
```
#2dffff rgb(45,255,255)
```
#2d96ff
```
#2d96ff rgb(45,150,255)
```

Analogous Color

#ff962d
```
#ff962d rgb(255,150,45)
```
#2dffff
```
#2dffff rgb(45,255,255)
```
#ff2d96
```
#ff2d96 rgb(255,45,150)
```

Split Complementary Color

#ffff2d
```
#ffff2d rgb(255,255,45)
```
#2dffff
```
#2dffff rgb(45,255,255)
```
#ff2dff
```
#ff2dff rgb(255,45,255)
```

Triadic Color

#2dff2d
```
#2dff2d rgb(45,255,45)
```
#2dffff
```
#2dffff rgb(45,255,255)
```
#ff2dff
```
#ff2dff rgb(255,45,255)
```
#ff2d2d
```
#ff2d2d rgb(255,45,45)
```

Tetradic Color

#00e0e0
```
#00e0e0 rgb(0,224,224)
```
#00f9f9
```
#00f9f9 rgb(0,249,249)
```
#14ffff
```
#14ffff rgb(20,255,255)
```
#2dffff
```
#2dffff rgb(45,255,255)
```
#47ffff
```
#47ffff rgb(71,255,255)
```
#60ffff
```
#60ffff rgb(96,255,255)
```
#7affff
```
#7affff rgb(122,255,255)
```

Monochromatic Color

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

#2dffcb
```
#2dffcb rgb(45,255,203)
```
#2dffdc
```
#2dffdc rgb(45,255,220)
```
#2dffee
```
#2dffee rgb(45,255,238)
```
#2dffff
```
#2dffff rgb(45,255,255)
```
#2deeff
```
#2deeff rgb(45,238,255)
```
#2ddcff
```
#2ddcff rgb(45,220,255)
```
#2dcbff
```
#2dcbff rgb(45,203,255)
```

Similar Colors

Text with hexadecimal color #2dffff

This text has a font color of #2dffff.

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

#2dffff background color

This paragraph has a background color of #2dffff.

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

#2dffff border color

This element has a border color of #2dffff.

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

CSS codes

.text {color:#2dffff;}

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

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

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)
```
#004141
```
#004141 rgb(0,65,65)
```
#005454
```
#005454 rgb(0,84,84)
```
#006868
```
#006868 rgb(0,104,104)
```
#007b7b
```
#007b7b rgb(0,123,123)
```
#008f8f
```
#008f8f rgb(0,143,143)
```
#00a3a3
```
#00a3a3 rgb(0,163,163)
```
#00b6b6
```
#00b6b6 rgb(0,182,182)
```
#00caca
```
#00caca rgb(0,202,202)
```
#00dede
```
#00dede rgb(0,222,222)
```
#00f1f1
```
#00f1f1 rgb(0,241,241)
```

Shade Color Variation

#06ffff
```
#06ffff rgb(6,255,255)
```
#19ffff
```
#19ffff rgb(25,255,255)
```
#2dffff
```
#2dffff rgb(45,255,255)
```
#41ffff
```
#41ffff rgb(65,255,255)
```
#54ffff
```
#54ffff rgb(84,255,255)
```
#68ffff
```
#68ffff rgb(104,255,255)
```
#7bffff
```
#7bffff rgb(123,255,255)
```
#8fffff
```
#8fffff rgb(143,255,255)
```
#a3ffff
```
#a3ffff rgb(163,255,255)
```
#b6ffff
```
#b6ffff rgb(182,255,255)
```
#caffff
```
#caffff rgb(202,255,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 #2dffff 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)
```
#5dcfcf
```
#5dcfcf rgb(93,207,207)
```
#55d7d7
```
#55d7d7 rgb(85,215,215)
```
#4ddfdf
```
#4ddfdf rgb(77,223,223)
```
#45e7e7
```
#45e7e7 rgb(69,231,231)
```
#3defef
```
#3defef rgb(61,239,239)
```
#35f7f7
```
#35f7f7 rgb(53,247,247)
```
#2dffff
```
#2dffff rgb(45,255,255)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#a3cdcd Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8e6f1 Protanopia 1% of men
#eae4ff Deuteranopia 1% of men
#a8f3ff Tritanopia 0.001% of the population

Trichromacy

#a4eff6 Protanomaly 1% of men, 0.01% of women
#a5edff Deuteranomaly 6% of men, 0.4% of women
#7bf7ff Tritanomaly 0.01% of the population

#2dffff hex color

#2dffff Color Information

#2dffff Color Conversion

Color Schemes with #2dffff

Alternatives to #2dffff

#2dffff Preview

Shades and Tints of #2dffff

Tones of #2dffff

Color Blindness Simulator