#2cd1fd hex color

In a RGB color space, hex #2cd1fd is composed of 17.3% red, 82% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 82.6% cyan, 17.4% magenta, 0% yellow and 0.8% black. It has a hue angle of 192.6 degrees, a saturation of 98.1% and a lightness of 58.2%. #2cd1fd color hex could be obtained by blending #58ffff with #00a3fb. Closest websafe color is: #33ccff.

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

● #2cd1fd color description : Bright cyan.

The hexadecimal color #2cd1fd has RGB values of R:44, G:209, B:253 and CMYK values of C:0.83, M:0.17, Y:0, K:0.01. Its decimal value is 2937341.

Hex triplet	2cd1fd	`#2cd1fd`
RGB Decimal	44, 209, 253	`rgb(44,209,253)`
RGB Percent	17.3, 82, 99.2	`rgb(17.3%,82%,99.2%)`
CMYK	83, 17, 0, 1
HSL	192.6°, 98.1, 58.2	`hsl(192.6,98.1%,58.2%)`
HSV (or HSB)	192.6°, 82.6, 99.2
Web Safe	33ccff	`#33ccff`

CIE-LAB	78.007, -25.688, -32.974
XYZ	41.564, 53.224, 101.006
xyY	0.212, 0.272, 53.224
CIE-LCH	78.007, 41.799, 232.08
CIE-LUV	78.007, -53.115, -49.921
Hunter-Lab	72.955, -25.976, -31.018
Binary	00101100, 11010001, 11111101

#2cd1fd
```
#2cd1fd rgb(44,209,253)
```
#fd582c
```
#fd582c rgb(253,88,44)
```

Complementary Color

#2cfdc1
```
#2cfdc1 rgb(44,253,193)
```
#2cd1fd
```
#2cd1fd rgb(44,209,253)
```
#2c69fd
```
#2c69fd rgb(44,105,253)
```

Analogous Color

#fdc12c
```
#fdc12c rgb(253,193,44)
```
#2cd1fd
```
#2cd1fd rgb(44,209,253)
```
#fd2c69
```
#fd2c69 rgb(253,44,105)
```

Split Complementary Color

#d1fd2c
```
#d1fd2c rgb(209,253,44)
```
#2cd1fd
```
#2cd1fd rgb(44,209,253)
```
#fd2cd1
```
#fd2cd1 rgb(253,44,209)
```

Triadic Color

#2cfd58
```
#2cfd58 rgb(44,253,88)
```
#2cd1fd
```
#2cd1fd rgb(44,209,253)
```
#fd2cd1
```
#fd2cd1 rgb(253,44,209)
```
#fd582c
```
#fd582c rgb(253,88,44)
```

Tetradic Color

#02adda
```
#02adda rgb(2,173,218)
```
#02c1f4
```
#02c1f4 rgb(2,193,244)
```
#13cbfd
```
#13cbfd rgb(19,203,253)
```
#2cd1fd
```
#2cd1fd rgb(44,209,253)
```
#45d7fd
```
#45d7fd rgb(69,215,253)
```
#5fdcfd
```
#5fdcfd rgb(95,220,253)
```
#78e2fe
```
#78e2fe rgb(120,226,254)
```

Monochromatic Color

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

#2cfdf5
```
#2cfdf5 rgb(44,253,245)
```
#2cf4fd
```
#2cf4fd rgb(44,244,253)
```
#2ce2fd
```
#2ce2fd rgb(44,226,253)
```
#2cd1fd
```
#2cd1fd rgb(44,209,253)
```
#2cc0fd
```
#2cc0fd rgb(44,192,253)
```
#2caefd
```
#2caefd rgb(44,174,253)
```
#2c9dfd
```
#2c9dfd rgb(44,157,253)
```

Similar Colors

Text with hexadecimal color #2cd1fd

This text has a font color of #2cd1fd.

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

#2cd1fd background color

This paragraph has a background color of #2cd1fd.

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

#2cd1fd border color

This element has a border color of #2cd1fd.

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

CSS codes

.text {color:#2cd1fd;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#001216
```
#001216 rgb(0,18,22)
```
#00212a
```
#00212a rgb(0,33,42)
```
#01303d
```
#01303d rgb(1,48,61)
```
#014050
```
#014050 rgb(1,64,80)
```
#014f64
```
#014f64 rgb(1,79,100)
```
#015e77
```
#015e77 rgb(1,94,119)
```
#016e8b
```
#016e8b rgb(1,110,139)
```
#017d9e
```
#017d9e rgb(1,125,158)
```
#028db2
```
#028db2 rgb(2,141,178)
```
#029cc5
```
#029cc5 rgb(2,156,197)
```
#02abd8
```
#02abd8 rgb(2,171,216)
```
#02bbec
```
#02bbec rgb(2,187,236)
```

Shade Color Variation

#05c9fd
```
#05c9fd rgb(5,201,253)
```
#19cdfd
```
#19cdfd rgb(25,205,253)
```
#2cd1fd
```
#2cd1fd rgb(44,209,253)
```
#3fd5fd
```
#3fd5fd rgb(63,213,253)
```
#53d9fd
```
#53d9fd rgb(83,217,253)
```
#66defe
```
#66defe rgb(102,222,254)
```
#7ae2fe
```
#7ae2fe rgb(122,226,254)
```
#8de6fe
```
#8de6fe rgb(141,230,254)
```
#a1eafe
```
#a1eafe rgb(161,234,254)
```
#b4effe
```
#b4effe rgb(180,239,254)
```
#c7f3fe
```
#c7f3fe rgb(199,243,254)
```
#dbf7ff
```
#dbf7ff rgb(219,247,255)
```
#eefbff
```
#eefbff rgb(238,251,255)
```

Tint Color Variation

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

#8e989b
```
#8e989b rgb(142,152,155)
```
#869da3
```
#869da3 rgb(134,157,163)
```
#7ea2ab
```
#7ea2ab rgb(126,162,171)
```
#76a6b3
```
#76a6b3 rgb(118,166,179)
```
#6eabbb
```
#6eabbb rgb(110,171,187)
```
#65b0c4
```
#65b0c4 rgb(101,176,196)
```
#5db5cc
```
#5db5cc rgb(93,181,204)
```
#55b9d4
```
#55b9d4 rgb(85,185,212)
```
#4dbedc
```
#4dbedc rgb(77,190,220)
```
#45c3e4
```
#45c3e4 rgb(69,195,228)
```
#3cc8ed
```
#3cc8ed rgb(60,200,237)
```
#34ccf5
```
#34ccf5 rgb(52,204,245)
```
#2cd1fd
```
#2cd1fd rgb(44,209,253)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#8daeb7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7c2f1 Protanopia 1% of men
#b1c1ff Deuteranopia 1% of men
#00d7e6 Tritanopia 0.001% of the population

Trichromacy

#84c7f5 Protanomaly 1% of men, 0.01% of women
#80c7fe Deuteranomaly 6% of men, 0.4% of women
#10d4ee Tritanomaly 0.01% of the population

#2cd1fd hex color

#2cd1fd Color Information

#2cd1fd Color Conversion

Color Schemes with #2cd1fd

Alternatives to #2cd1fd

#2cd1fd Preview

Shades and Tints of #2cd1fd

Tones of #2cd1fd

Color Blindness Simulator