#2ce4fd hex color

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

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

● #2ce4fd color description : Bright cyan.

The hexadecimal color #2ce4fd has RGB values of R:44, G:228, B:253 and CMYK values of C:0.83, M:0.1, Y:0, K:0.01. Its decimal value is 2942205.

Hex triplet	2ce4fd	`#2ce4fd`
RGB Decimal	44, 228, 253	`rgb(44,228,253)`
RGB Percent	17.3, 89.4, 99.2	`rgb(17.3%,89.4%,99.2%)`
CMYK	83, 10, 0, 1
HSL	187.2°, 98.1, 58.2	`hsl(187.2,98.1%,58.2%)`
HSV (or HSB)	187.2°, 82.6, 99.2
Web Safe	33ccff	`#33ccff`

CIE-LAB	83.5, -34.88, -24.559
XYZ	46.507, 63.11, 102.653
xyY	0.219, 0.297, 63.11
CIE-LCH	83.5, 42.659, 215.149
CIE-LUV	83.5, -59.556, -34.515
Hunter-Lab	79.442, -34.525, -21.005
Binary	00101100, 11100100, 11111101

#2ce4fd
```
#2ce4fd rgb(44,228,253)
```
#fd452c
```
#fd452c rgb(253,69,44)
```

Complementary Color

#2cfdae
```
#2cfdae rgb(44,253,174)
```
#2ce4fd
```
#2ce4fd rgb(44,228,253)
```
#2c7cfd
```
#2c7cfd rgb(44,124,253)
```

Analogous Color

#fdae2c
```
#fdae2c rgb(253,174,44)
```
#2ce4fd
```
#2ce4fd rgb(44,228,253)
```
#fd2c7c
```
#fd2c7c rgb(253,44,124)
```

Split Complementary Color

#e4fd2c
```
#e4fd2c rgb(228,253,44)
```
#2ce4fd
```
#2ce4fd rgb(44,228,253)
```
#fd2ce4
```
#fd2ce4 rgb(253,44,228)
```

Triadic Color

#2cfd45
```
#2cfd45 rgb(44,253,69)
```
#2ce4fd
```
#2ce4fd rgb(44,228,253)
```
#fd2ce4
```
#fd2ce4 rgb(253,44,228)
```
#fd452c
```
#fd452c rgb(253,69,44)
```

Tetradic Color

#02c1da
```
#02c1da rgb(2,193,218)
```
#02d7f4
```
#02d7f4 rgb(2,215,244)
```
#13e1fd
```
#13e1fd rgb(19,225,253)
```
#2ce4fd
```
#2ce4fd rgb(44,228,253)
```
#45e7fd
```
#45e7fd rgb(69,231,253)
```
#5feafd
```
#5feafd rgb(95,234,253)
```
#78eefe
```
#78eefe rgb(120,238,254)
```

Monochromatic Color

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

#2cfde2
```
#2cfde2 rgb(44,253,226)
```
#2cfdf3
```
#2cfdf3 rgb(44,253,243)
```
#2cf5fd
```
#2cf5fd rgb(44,245,253)
```
#2ce4fd
```
#2ce4fd rgb(44,228,253)
```
#2cd3fd
```
#2cd3fd rgb(44,211,253)
```
#2cc1fd
```
#2cc1fd rgb(44,193,253)
```
#2cb0fd
```
#2cb0fd rgb(44,176,253)
```

Similar Colors

Text with hexadecimal color #2ce4fd

This text has a font color of #2ce4fd.

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

#2ce4fd background color

This paragraph has a background color of #2ce4fd.

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

#2ce4fd border color

This element has a border color of #2ce4fd.

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

CSS codes

.text {color:#2ce4fd;}

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

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

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 #eefdff is the lightest one.

#000203
```
#000203 rgb(0,2,3)
```
#001416
```
#001416 rgb(0,20,22)
```
#00252a
```
#00252a rgb(0,37,42)
```
#01363d
```
#01363d rgb(1,54,61)
```
#014750
```
#014750 rgb(1,71,80)
```
#015864
```
#015864 rgb(1,88,100)
```
#016977
```
#016977 rgb(1,105,119)
```
#017a8b
```
#017a8b rgb(1,122,139)
```
#018b9e
```
#018b9e rgb(1,139,158)
```
#029db2
```
#029db2 rgb(2,157,178)
```
#02aec5
```
#02aec5 rgb(2,174,197)
```
#02bfd8
```
#02bfd8 rgb(2,191,216)
```
#02d0ec
```
#02d0ec rgb(2,208,236)
```

Shade Color Variation

#05dffd
```
#05dffd rgb(5,223,253)
```
#19e2fd
```
#19e2fd rgb(25,226,253)
```
#2ce4fd
```
#2ce4fd rgb(44,228,253)
```
#3fe6fd
```
#3fe6fd rgb(63,230,253)
```
#53e9fd
```
#53e9fd rgb(83,233,253)
```
#66ebfe
```
#66ebfe rgb(102,235,254)
```
#7aeefe
```
#7aeefe rgb(122,238,254)
```
#8df0fe
```
#8df0fe rgb(141,240,254)
```
#a1f3fe
```
#a1f3fe rgb(161,243,254)
```
#b4f5fe
```
#b4f5fe rgb(180,245,254)
```
#c7f8fe
```
#c7f8fe rgb(199,248,254)
```
#dbfaff
```
#dbfaff rgb(219,250,255)
```
#eefdff
```
#eefdff rgb(238,253,255)
```

Tint Color Variation

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

#8e999b
```
#8e999b rgb(142,153,155)
```
#869fa3
```
#869fa3 rgb(134,159,163)
```
#7ea6ab
```
#7ea6ab rgb(126,166,171)
```
#76acb3
```
#76acb3 rgb(118,172,179)
```
#6eb2bb
```
#6eb2bb rgb(110,178,187)
```
#65b8c4
```
#65b8c4 rgb(101,184,196)
```
#5dbfcc
```
#5dbfcc rgb(93,191,204)
```
#55c5d4
```
#55c5d4 rgb(85,197,212)
```
#4dcbdc
```
#4dcbdc rgb(77,203,220)
```
#45d1e4
```
#45d1e4 rgb(69,209,228)
```
#3cd8ed
```
#3cd8ed rgb(60,216,237)
```
#34def5
```
#34def5 rgb(52,222,245)
```
#2ce4fd
```
#2ce4fd rgb(44,228,253)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#96babf Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccd0f0 Protanopia 1% of men
#cbcfff Deuteranopia 1% of men
#2de6f7 Tritanopia 0.001% of the population

Trichromacy

#92d7f5 Protanomaly 1% of men, 0.01% of women
#91d6fe Deuteranomaly 6% of men, 0.4% of women
#2ce5f9 Tritanomaly 0.01% of the population

#2ce4fd hex color

#2ce4fd Color Information

#2ce4fd Color Conversion

Color Schemes with #2ce4fd

Alternatives to #2ce4fd

#2ce4fd Preview

Shades and Tints of #2ce4fd

Tones of #2ce4fd

Color Blindness Simulator