#2dcfff hex color

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

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

● #2dcfff color description : Vivid cyan.

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

Hex triplet	2dcfff	`#2dcfff`
RGB Decimal	45, 207, 255	`rgb(45,207,255)`
RGB Percent	17.6, 81.2, 100	`rgb(17.6%,81.2%,100%)`
CMYK	82, 19, 0, 0
HSL	193.7°, 100, 58.8	`hsl(193.7,100%,58.8%)`
HSV (or HSB)	193.7°, 82.4, 100
Web Safe	33ccff	`#33ccff`

CIE-LAB	77.519, -23.962, -34.793
XYZ	41.44, 52.4, 102.532
xyY	0.211, 0.267, 52.4
CIE-LCH	77.519, 42.246, 235.446
CIE-LUV	77.519, -52.201, -53.254
Hunter-Lab	72.388, -24.491, -33.309
Binary	00101101, 11001111, 11111111

#2dcfff
```
#2dcfff rgb(45,207,255)
```
#ff5d2d
```
#ff5d2d rgb(255,93,45)
```

Complementary Color

#2dffc6
```
#2dffc6 rgb(45,255,198)
```
#2dcfff
```
#2dcfff rgb(45,207,255)
```
#2d66ff
```
#2d66ff rgb(45,102,255)
```

Analogous Color

#ffc62d
```
#ffc62d rgb(255,198,45)
```
#2dcfff
```
#2dcfff rgb(45,207,255)
```
#ff2d66
```
#ff2d66 rgb(255,45,102)
```

Split Complementary Color

#cfff2d
```
#cfff2d rgb(207,255,45)
```
#2dcfff
```
#2dcfff rgb(45,207,255)
```
#ff2dcf
```
#ff2dcf rgb(255,45,207)
```

Triadic Color

#2dff5d
```
#2dff5d rgb(45,255,93)
```
#2dcfff
```
#2dcfff rgb(45,207,255)
```
#ff2dcf
```
#ff2dcf rgb(255,45,207)
```
#ff5d2d
```
#ff5d2d rgb(255,93,45)
```

Tetradic Color

#00ace0
```
#00ace0 rgb(0,172,224)
```
#00c0f9
```
#00c0f9 rgb(0,192,249)
```
#14c9ff
```
#14c9ff rgb(20,201,255)
```
#2dcfff
```
#2dcfff rgb(45,207,255)
```
#47d5ff
```
#47d5ff rgb(71,213,255)
```
#60dbff
```
#60dbff rgb(96,219,255)
```
#7ae0ff
```
#7ae0ff rgb(122,224,255)
```

Monochromatic Color

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

#2dfffb
```
#2dfffb rgb(45,255,251)
```
#2df2ff
```
#2df2ff rgb(45,242,255)
```
#2de1ff
```
#2de1ff rgb(45,225,255)
```
#2dcfff
```
#2dcfff rgb(45,207,255)
```
#2dbeff
```
#2dbeff rgb(45,190,255)
```
#2dacff
```
#2dacff rgb(45,172,255)
```
#2d9bff
```
#2d9bff rgb(45,155,255)
```

Similar Colors

Text with hexadecimal color #2dcfff

This text has a font color of #2dcfff.

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

#2dcfff background color

This paragraph has a background color of #2dcfff.

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

#2dcfff border color

This element has a border color of #2dcfff.

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

CSS codes

.text {color:#2dcfff;}

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

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

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

#000406
```
#000406 rgb(0,4,6)
```
#001419
```
#001419 rgb(0,20,25)
```
#00232d
```
#00232d rgb(0,35,45)
```
#003241
```
#003241 rgb(0,50,65)
```
#004154
```
#004154 rgb(0,65,84)
```
#005068
```
#005068 rgb(0,80,104)
```
#005f7b
```
#005f7b rgb(0,95,123)
```
#006e8f
```
#006e8f rgb(0,110,143)
```
#007ea3
```
#007ea3 rgb(0,126,163)
```
#008db6
```
#008db6 rgb(0,141,182)
```
#009cca
```
#009cca rgb(0,156,202)
```
#00abde
```
#00abde rgb(0,171,222)
```
#00baf1
```
#00baf1 rgb(0,186,241)
```

Shade Color Variation

#06c6ff
```
#06c6ff rgb(6,198,255)
```
#19cbff
```
#19cbff rgb(25,203,255)
```
#2dcfff
```
#2dcfff rgb(45,207,255)
```
#41d3ff
```
#41d3ff rgb(65,211,255)
```
#54d8ff
```
#54d8ff rgb(84,216,255)
```
#68dcff
```
#68dcff rgb(104,220,255)
```
#7be1ff
```
#7be1ff rgb(123,225,255)
```
#8fe5ff
```
#8fe5ff rgb(143,229,255)
```
#a3eaff
```
#a3eaff rgb(163,234,255)
```
#b6eeff
```
#b6eeff rgb(182,238,255)
```
#caf3ff
```
#caf3ff rgb(202,243,255)
```
#def7ff
```
#def7ff rgb(222,247,255)
```
#f1fcff
```
#f1fcff rgb(241,252,255)
```

Tint Color Variation

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

#8e9a9e
```
#8e9a9e rgb(142,154,158)
```
#869fa6
```
#869fa6 rgb(134,159,166)
```
#7ea3ae
```
#7ea3ae rgb(126,163,174)
```
#76a8b6
```
#76a8b6 rgb(118,168,182)
```
#6eacbe
```
#6eacbe rgb(110,172,190)
```
#66b0c6
```
#66b0c6 rgb(102,176,198)
```
#5db5cf
```
#5db5cf rgb(93,181,207)
```
#55b9d7
```
#55b9d7 rgb(85,185,215)
```
#4dbddf
```
#4dbddf rgb(77,189,223)
```
#45c2e7
```
#45c2e7 rgb(69,194,231)
```
#3dc6ef
```
#3dc6ef rgb(61,198,239)
```
#35cbf7
```
#35cbf7 rgb(53,203,247)
```
#2dcfff
```
#2dcfff rgb(45,207,255)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#8cadb6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4c0f3 Protanopia 1% of men
#aec0ff Deuteranopia 1% of men
#00d5e5 Tritanopia 0.001% of the population

Trichromacy

#83c6f7 Protanomaly 1% of men, 0.01% of women
#7fc6ff Deuteranomaly 6% of men, 0.4% of women
#10d3ee Tritanomaly 0.01% of the population

#2dcfff hex color

#2dcfff Color Information

#2dcfff Color Conversion

Color Schemes with #2dcfff

Alternatives to #2dcfff

#2dcfff Preview

Shades and Tints of #2dcfff

Tones of #2dcfff

Color Blindness Simulator