#2dc4e9 hex color

In a RGB color space, hex #2dc4e9 is composed of 17.6% red, 76.9% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 80.7% cyan, 15.9% magenta, 0% yellow and 8.6% black. It has a hue angle of 191.8 degrees, a saturation of 81% and a lightness of 54.5%. #2dc4e9 color hex could be obtained by blending #5affff with #0089d3. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 18
- G 77
- B 91
RGB color chart
- C 81
- M 16
- Y 0
- K 9
CMYK color chart

● #2dc4e9 color description : Bright cyan.

The hexadecimal color #2dc4e9 has RGB values of R:45, G:196, B:233 and CMYK values of C:0.81, M:0.16, Y:0, K:0.09. Its decimal value is 2999529.

Hex triplet	2dc4e9	`#2dc4e9`
RGB Decimal	45, 196, 233	`rgb(45,196,233)`
RGB Percent	17.6, 76.9, 91.4	`rgb(17.6%,76.9%,91.4%)`
CMYK	81, 16, 0, 9
HSL	191.8°, 81, 54.5	`hsl(191.8,81%,54.5%)`
HSV (or HSB)	191.8°, 80.7, 91.4
Web Safe	33ccff	`#33ccff`

CIE-LAB	73.492, -25.573, -29.189
XYZ	35.526, 45.918, 84.077
xyY	0.215, 0.277, 45.918
CIE-LCH	73.492, 38.807, 228.778
CIE-LUV	73.492, -49.985, -43.128
Hunter-Lab	67.763, -25.002, -26.131
Binary	00101101, 11000100, 11101001

#2dc4e9
```
#2dc4e9 rgb(45,196,233)
```
#e9522d
```
#e9522d rgb(233,82,45)
```

Complementary Color

#2de9b0
```
#2de9b0 rgb(45,233,176)
```
#2dc4e9
```
#2dc4e9 rgb(45,196,233)
```
#2d66e9
```
#2d66e9 rgb(45,102,233)
```

Analogous Color

#e9b02d
```
#e9b02d rgb(233,176,45)
```
#2dc4e9
```
#2dc4e9 rgb(45,196,233)
```
#e92d66
```
#e92d66 rgb(233,45,102)
```

Split Complementary Color

#c4e92d
```
#c4e92d rgb(196,233,45)
```
#2dc4e9
```
#2dc4e9 rgb(45,196,233)
```
#e92dc4
```
#e92dc4 rgb(233,45,196)
```

Triadic Color

#2de952
```
#2de952 rgb(45,233,82)
```
#2dc4e9
```
#2dc4e9 rgb(45,196,233)
```
#e92dc4
```
#e92dc4 rgb(233,45,196)
```
#e9522d
```
#e9522d rgb(233,82,45)
```

Tetradic Color

#1396b6
```
#1396b6 rgb(19,150,182)
```
#16a9cd
```
#16a9cd rgb(22,169,205)
```
#18bce5
```
#18bce5 rgb(24,188,229)
```
#2dc4e9
```
#2dc4e9 rgb(45,196,233)
```
#44caeb
```
#44caeb rgb(68,202,235)
```
#5bd1ee
```
#5bd1ee rgb(91,209,238)
```
#72d7f0
```
#72d7f0 rgb(114,215,240)
```

Monochromatic Color

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

#2de9df
```
#2de9df rgb(45,233,223)
```
#2de3e9
```
#2de3e9 rgb(45,227,233)
```
#2dd4e9
```
#2dd4e9 rgb(45,212,233)
```
#2dc4e9
```
#2dc4e9 rgb(45,196,233)
```
#2db4e9
```
#2db4e9 rgb(45,180,233)
```
#2da5e9
```
#2da5e9 rgb(45,165,233)
```
#2d95e9
```
#2d95e9 rgb(45,149,233)
```

Similar Colors

Text with hexadecimal color #2dc4e9

This text has a font color of #2dc4e9.

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

#2dc4e9 background color

This paragraph has a background color of #2dc4e9.

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

#2dc4e9 border color

This element has a border color of #2dc4e9.

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

CSS codes

.text {color:#2dc4e9;}

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

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

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

#000303
```
#000303 rgb(0,3,3)
```
#021115
```
#021115 rgb(2,17,21)
```
#042027
```
#042027 rgb(4,32,39)
```
#062e38
```
#062e38 rgb(6,46,56)
```
#083d4a
```
#083d4a rgb(8,61,74)
```
#0a4c5c
```
#0a4c5c rgb(10,76,92)
```
#0b5a6e
```
#0b5a6e rgb(11,90,110)
```
#0d697f
```
#0d697f rgb(13,105,127)
```
#0f7891
```
#0f7891 rgb(15,120,145)
```
#1186a3
```
#1186a3 rgb(17,134,163)
```
#1395b5
```
#1395b5 rgb(19,149,181)
```
#15a3c6
```
#15a3c6 rgb(21,163,198)
```
#17b2d8
```
#17b2d8 rgb(23,178,216)
```

Shade Color Variation

#1bbfe7
```
#1bbfe7 rgb(27,191,231)
```
#2dc4e9
```
#2dc4e9 rgb(45,196,233)
```
#3fc9eb
```
#3fc9eb rgb(63,201,235)
```
#51ceed
```
#51ceed rgb(81,206,237)
```
#62d3ef
```
#62d3ef rgb(98,211,239)
```
#74d8f0
```
#74d8f0 rgb(116,216,240)
```
#86ddf2
```
#86ddf2 rgb(134,221,242)
```
#98e2f4
```
#98e2f4 rgb(152,226,244)
```
#a9e7f6
```
#a9e7f6 rgb(169,231,246)
```
#bbecf8
```
#bbecf8 rgb(187,236,248)
```
#cdf1fa
```
#cdf1fa rgb(205,241,250)
```
#dff6fc
```
#dff6fc rgb(223,246,252)
```
#f0fbfd
```
#f0fbfd rgb(240,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #868e90 is the less saturated color, while #1bcffb is the most saturated one.

#868e90
```
#868e90 rgb(134,142,144)
```
#7d9399
```
#7d9399 rgb(125,147,153)
```
#7499a2
```
#7499a2 rgb(116,153,162)
```
#6b9eab
```
#6b9eab rgb(107,158,171)
```
#63a4b3
```
#63a4b3 rgb(99,164,179)
```
#5aa9bc
```
#5aa9bc rgb(90,169,188)
```
#51aec5
```
#51aec5 rgb(81,174,197)
```
#48b4ce
```
#48b4ce rgb(72,180,206)
```
#3fb9d7
```
#3fb9d7 rgb(63,185,215)
```
#36bfe0
```
#36bfe0 rgb(54,191,224)
```
#2dc4e9
```
#2dc4e9 rgb(45,196,233)
```
#24c9f2
```
#24c9f2 rgb(36,201,242)
```
#1bcffb
```
#1bcffb rgb(27,207,251)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#85a3ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#aeb6df Protanopia 1% of men
#a7b5f0 Deuteranopia 1% of men
#14cad9 Tritanopia 0.001% of the population

Trichromacy

#7fbbe3 Protanomaly 1% of men, 0.01% of women
#7bbbee Deuteranomaly 6% of men, 0.4% of women
#1dc7de Tritanomaly 0.01% of the population

#2dc4e9 hex color

#2dc4e9 Color Information

#2dc4e9 Color Conversion

Color Schemes with #2dc4e9

Alternatives to #2dc4e9

#2dc4e9 Preview

Shades and Tints of #2dc4e9

Tones of #2dc4e9

Color Blindness Simulator