#2cd4fe hex color

In a RGB color space, hex #2cd4fe is composed of 17.3% red, 83.1% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 82.7% cyan, 16.5% magenta, 0% yellow and 0.4% black. It has a hue angle of 192 degrees, a saturation of 99.1% and a lightness of 58.4%. #2cd4fe color hex could be obtained by blending #58ffff with #00a9fd. Closest websafe color is: #33ccff.

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

● #2cd4fe color description : Bright cyan.

The hexadecimal color #2cd4fe has RGB values of R:44, G:212, B:254 and CMYK values of C:0.83, M:0.17, Y:0, K:0. Its decimal value is 2938110.

Hex triplet	2cd4fe	`#2cd4fe`
RGB Decimal	44, 212, 254	`rgb(44,212,254)`
RGB Percent	17.3, 83.1, 99.6	`rgb(17.3%,83.1%,99.6%)`
CMYK	83, 17, 0, 0
HSL	192°, 99.1, 58.4	`hsl(192,99.1%,58.4%)`
HSV (or HSB)	192°, 82.7, 99.6
Web Safe	33ccff	`#33ccff`

CIE-LAB	78.911, -26.856, -32.115
XYZ	42.467, 54.774, 102.095
xyY	0.213, 0.275, 54.774
CIE-LCH	78.911, 41.864, 230.096
CIE-LUV	78.911, -54.062, -48.345
Hunter-Lab	74.01, -27.093, -29.983
Binary	00101100, 11010100, 11111110

#2cd4fe
```
#2cd4fe rgb(44,212,254)
```
#fe562c
```
#fe562c rgb(254,86,44)
```

Complementary Color

#2cfebf
```
#2cfebf rgb(44,254,191)
```
#2cd4fe
```
#2cd4fe rgb(44,212,254)
```
#2c6bfe
```
#2c6bfe rgb(44,107,254)
```

Analogous Color

#febf2c
```
#febf2c rgb(254,191,44)
```
#2cd4fe
```
#2cd4fe rgb(44,212,254)
```
#fe2c6b
```
#fe2c6b rgb(254,44,107)
```

Split Complementary Color

#d4fe2c
```
#d4fe2c rgb(212,254,44)
```
#2cd4fe
```
#2cd4fe rgb(44,212,254)
```
#fe2cd4
```
#fe2cd4 rgb(254,44,212)
```

Triadic Color

#2cfe56
```
#2cfe56 rgb(44,254,86)
```
#2cd4fe
```
#2cd4fe rgb(44,212,254)
```
#fe2cd4
```
#fe2cd4 rgb(254,44,212)
```
#fe562c
```
#fe562c rgb(254,86,44)
```

Tetradic Color

#01b1dc
```
#01b1dc rgb(1,177,220)
```
#01c5f6
```
#01c5f6 rgb(1,197,246)
```
#13cffe
```
#13cffe rgb(19,207,254)
```
#2cd4fe
```
#2cd4fe rgb(44,212,254)
```
#45d9fe
```
#45d9fe rgb(69,217,254)
```
#5fdefe
```
#5fdefe rgb(95,222,254)
```
#78e4fe
```
#78e4fe rgb(120,228,254)
```

Monochromatic Color

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

#2cfef4
```
#2cfef4 rgb(44,254,244)
```
#2cf7fe
```
#2cf7fe rgb(44,247,254)
```
#2ce6fe
```
#2ce6fe rgb(44,230,254)
```
#2cd4fe
```
#2cd4fe rgb(44,212,254)
```
#2cc3fe
```
#2cc3fe rgb(44,195,254)
```
#2cb1fe
```
#2cb1fe rgb(44,177,254)
```
#2ca0fe
```
#2ca0fe rgb(44,160,254)
```

Similar Colors

Text with hexadecimal color #2cd4fe

This text has a font color of #2cd4fe.

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

#2cd4fe background color

This paragraph has a background color of #2cd4fe.

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

#2cd4fe border color

This element has a border color of #2cd4fe.

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

CSS codes

.text {color:#2cd4fe;}

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

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

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

#000304
```
#000304 rgb(0,3,4)
```
#001317
```
#001317 rgb(0,19,23)
```
#00222b
```
#00222b rgb(0,34,43)
```
#00323e
```
#00323e rgb(0,50,62)
```
#004252
```
#004252 rgb(0,66,82)
```
#005165
```
#005165 rgb(0,81,101)
```
#016179
```
#016179 rgb(1,97,121)
```
#01708c
```
#01708c rgb(1,112,140)
```
#0180a0
```
#0180a0 rgb(1,128,160)
```
#0190b3
```
#0190b3 rgb(1,144,179)
```
#019fc7
```
#019fc7 rgb(1,159,199)
```
#01afdb
```
#01afdb rgb(1,175,219)
```
#01bfee
```
#01bfee rgb(1,191,238)
```

Shade Color Variation

#05ccfe
```
#05ccfe rgb(5,204,254)
```
#18d0fe
```
#18d0fe rgb(24,208,254)
```
#2cd4fe
```
#2cd4fe rgb(44,212,254)
```
#40d8fe
```
#40d8fe rgb(64,216,254)
```
#53dcfe
```
#53dcfe rgb(83,220,254)
```
#67e0fe
```
#67e0fe rgb(103,224,254)
```
#7ae4fe
```
#7ae4fe rgb(122,228,254)
```
#8ee8fe
```
#8ee8fe rgb(142,232,254)
```
#a1ecff
```
#a1ecff rgb(161,236,255)
```
#b5f0ff
```
#b5f0ff rgb(181,240,255)
```
#c8f4ff
```
#c8f4ff rgb(200,244,255)
```
#dcf8ff
```
#dcf8ff rgb(220,248,255)
```
#effcff
```
#effcff rgb(239,252,255)
```

Tint Color Variation

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

#8e999c
```
#8e999c rgb(142,153,156)
```
#869ea4
```
#869ea4 rgb(134,158,164)
```
#7ea3ac
```
#7ea3ac rgb(126,163,172)
```
#75a8b5
```
#75a8b5 rgb(117,168,181)
```
#6dadbd
```
#6dadbd rgb(109,173,189)
```
#65b2c5
```
#65b2c5 rgb(101,178,197)
```
#5db7cd
```
#5db7cd rgb(93,183,205)
```
#55bcd5
```
#55bcd5 rgb(85,188,213)
```
#4dc0dd
```
#4dc0dd rgb(77,192,221)
```
#44c5e6
```
#44c5e6 rgb(68,197,230)
```
#3ccaee
```
#3ccaee rgb(60,202,238)
```
#34cff6
```
#34cff6 rgb(52,207,246)
```
#2cd4fe
```
#2cd4fe rgb(44,212,254)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#8eb0b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bac4f2 Protanopia 1% of men
#b5c4ff Deuteranopia 1% of men
#00d9e9 Tritanopia 0.001% of the population

Trichromacy

#86caf6 Protanomaly 1% of men, 0.01% of women
#83c9fe Deuteranomaly 6% of men, 0.4% of women
#10d7f0 Tritanomaly 0.01% of the population

#2cd4fe hex color

#2cd4fe Color Information

#2cd4fe Color Conversion

Color Schemes with #2cd4fe

Alternatives to #2cd4fe

#2cd4fe Preview

Shades and Tints of #2cd4fe

Tones of #2cd4fe

Color Blindness Simulator