#2ccef8 hex color

In a RGB color space, hex #2ccef8 is composed of 17.3% red, 80.8% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 82.3% cyan, 16.9% magenta, 0% yellow and 2.7% black. It has a hue angle of 192.4 degrees, a saturation of 93.6% and a lightness of 57.3%. #2ccef8 color hex could be obtained by blending #58ffff with #009df1. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 17
- G 81
- B 97
RGB color chart
- C 82
- M 17
- Y 0
- K 3
CMYK color chart

● #2ccef8 color description : Bright cyan.

The hexadecimal color #2ccef8 has RGB values of R:44, G:206, B:248 and CMYK values of C:0.82, M:0.17, Y:0, K:0.03. Its decimal value is 2936568.

Hex triplet	2ccef8	`#2ccef8`
RGB Decimal	44, 206, 248	`rgb(44,206,248)`
RGB Percent	17.3, 80.8, 97.3	`rgb(17.3%,80.8%,97.3%)`
CMYK	82, 17, 0, 3
HSL	192.4°, 93.6, 57.3	`hsl(192.4,93.6%,57.3%)`
HSV (or HSB)	192.4°, 82.3, 97.3
Web Safe	33ccff	`#33ccff`

CIE-LAB	76.952, -25.808, -31.93
XYZ	40.049, 51.452, 96.622
xyY	0.213, 0.274, 51.452
CIE-LCH	76.952, 41.056, 231.053
CIE-LUV	76.952, -52.451, -48.032
Hunter-Lab	71.73, -25.866, -29.655
Binary	00101100, 11001110, 11111000

#2ccef8
```
#2ccef8 rgb(44,206,248)
```
#f8562c
```
#f8562c rgb(248,86,44)
```

Complementary Color

#2cf8bc
```
#2cf8bc rgb(44,248,188)
```
#2ccef8
```
#2ccef8 rgb(44,206,248)
```
#2c68f8
```
#2c68f8 rgb(44,104,248)
```

Analogous Color

#f8bc2c
```
#f8bc2c rgb(248,188,44)
```
#2ccef8
```
#2ccef8 rgb(44,206,248)
```
#f82c68
```
#f82c68 rgb(248,44,104)
```

Split Complementary Color

#cef82c
```
#cef82c rgb(206,248,44)
```
#2ccef8
```
#2ccef8 rgb(44,206,248)
```
#f82cce
```
#f82cce rgb(248,44,206)
```

Triadic Color

#2cf856
```
#2cf856 rgb(44,248,86)
```
#2ccef8
```
#2ccef8 rgb(44,206,248)
```
#f82cce
```
#f82cce rgb(248,44,206)
```
#f8562c
```
#f8562c rgb(248,86,44)
```

Tetradic Color

#07a7d1
```
#07a7d1 rgb(7,167,209)
```
#08bbe9
```
#08bbe9 rgb(8,187,233)
```
#13c8f7
```
#13c8f7 rgb(19,200,247)
```
#2ccef8
```
#2ccef8 rgb(44,206,248)
```
#45d4f9
```
#45d4f9 rgb(69,212,249)
```
#5dd9fa
```
#5dd9fa rgb(93,217,250)
```
#76dffa
```
#76dffa rgb(118,223,250)
```

Monochromatic Color

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

#2cf8ef
```
#2cf8ef rgb(44,248,239)
```
#2cf0f8
```
#2cf0f8 rgb(44,240,248)
```
#2cdff8
```
#2cdff8 rgb(44,223,248)
```
#2ccef8
```
#2ccef8 rgb(44,206,248)
```
#2cbdf8
```
#2cbdf8 rgb(44,189,248)
```
#2cacf8
```
#2cacf8 rgb(44,172,248)
```
#2c9bf8
```
#2c9bf8 rgb(44,155,248)
```

Similar Colors

Text with hexadecimal color #2ccef8

This text has a font color of #2ccef8.

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

#2ccef8 background color

This paragraph has a background color of #2ccef8.

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

#2ccef8 border color

This element has a border color of #2ccef8.

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

CSS codes

.text {color:#2ccef8;}

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

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

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, #010d11 is the darkest color, while #fdfeff is the lightest one.

#010d11
```
#010d11 rgb(1,13,17)
```
#011d24
```
#011d24 rgb(1,29,36)
```
#022c37
```
#022c37 rgb(2,44,55)
```
#023b4a
```
#023b4a rgb(2,59,74)
```
#034a5d
```
#034a5d rgb(3,74,93)
```
#045a70
```
#045a70 rgb(4,90,112)
```
#046983
```
#046983 rgb(4,105,131)
```
#057896
```
#057896 rgb(5,120,150)
```
#0687a9
```
#0687a9 rgb(6,135,169)
```
#0696bc
```
#0696bc rgb(6,150,188)
```
#07a6cf
```
#07a6cf rgb(7,166,207)
```
#07b5e2
```
#07b5e2 rgb(7,181,226)
```
#08c4f5
```
#08c4f5 rgb(8,196,245)
```

Shade Color Variation

#19caf7
```
#19caf7 rgb(25,202,247)
```
#2ccef8
```
#2ccef8 rgb(44,206,248)
```
#3fd2f9
```
#3fd2f9 rgb(63,210,249)
```
#52d7f9
```
#52d7f9 rgb(82,215,249)
```
#65dbfa
```
#65dbfa rgb(101,219,250)
```
#78e0fb
```
#78e0fb rgb(120,224,251)
```
#8be4fb
```
#8be4fb rgb(139,228,251)
```
#9ee8fc
```
#9ee8fc rgb(158,232,252)
```
#b1edfc
```
#b1edfc rgb(177,237,252)
```
#c4f1fd
```
#c4f1fd rgb(196,241,253)
```
#d7f6fe
```
#d7f6fe rgb(215,246,254)
```
#eafafe
```
#eafafe rgb(234,250,254)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#919393
```
#919393 rgb(145,147,147)
```
#88989c
```
#88989c rgb(136,152,156)
```
#809da4
```
#809da4 rgb(128,157,164)
```
#77a2ad
```
#77a2ad rgb(119,162,173)
```
#6fa7b5
```
#6fa7b5 rgb(111,167,181)
```
#67abbd
```
#67abbd rgb(103,171,189)
```
#5eb0c6
```
#5eb0c6 rgb(94,176,198)
```
#56b5ce
```
#56b5ce rgb(86,181,206)
```
#4ebad6
```
#4ebad6 rgb(78,186,214)
```
#45bfdf
```
#45bfdf rgb(69,191,223)
```
#3dc4e7
```
#3dc4e7 rgb(61,196,231)
```
#34c9f0
```
#34c9f0 rgb(52,201,240)
```
#2ccef8
```
#2ccef8 rgb(44,206,248)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#8aabb3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5bfed Protanopia 1% of men
#aebeff Deuteranopia 1% of men
#00d4e3 Tritanopia 0.001% of the population

Trichromacy

#83c4f1 Protanomaly 1% of men, 0.01% of women
#7ec4fc Deuteranomaly 6% of men, 0.4% of women
#10d1ea Tritanomaly 0.01% of the population

#2ccef8 hex color

#2ccef8 Color Information

#2ccef8 Color Conversion

Color Schemes with #2ccef8

Alternatives to #2ccef8

#2ccef8 Preview

Shades and Tints of #2ccef8

Tones of #2ccef8

Color Blindness Simulator