#2ccbea hex color

In a RGB color space, hex #2ccbea is composed of 17.3% red, 79.6% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 81.2% cyan, 13.2% magenta, 0% yellow and 8.2% black. It has a hue angle of 189.8 degrees, a saturation of 81.9% and a lightness of 54.5%. #2ccbea color hex could be obtained by blending #58ffff with #0097d5. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 17
- G 80
- B 92
RGB color chart
- C 81
- M 13
- Y 0
- K 8
CMYK color chart

● #2ccbea color description : Bright cyan.

The hexadecimal color #2ccbea has RGB values of R:44, G:203, B:234 and CMYK values of C:0.81, M:0.13, Y:0, K:0.08. Its decimal value is 2935786.

Hex triplet	2ccbea	`#2ccbea`
RGB Decimal	44, 203, 234	`rgb(44,203,234)`
RGB Percent	17.3, 79.6, 91.8	`rgb(17.3%,79.6%,91.8%)`
CMYK	81, 13, 0, 8
HSL	189.8°, 81.9, 54.5	`hsl(189.8,81.9%,54.5%)`
HSV (or HSB)	189.8°, 81.2, 91.8
Web Safe	33ccff	`#33ccff`

CIE-LAB	75.566, -28.804, -26.548
XYZ	37.242, 49.184, 85.368
xyY	0.217, 0.286, 49.184
CIE-LCH	75.566, 39.173, 222.666
CIE-LUV	75.566, -52.426, -38.345
Hunter-Lab	70.132, -27.942, -23.079
Binary	00101100, 11001011, 11101010

#2ccbea
```
#2ccbea rgb(44,203,234)
```
#ea4b2c
```
#ea4b2c rgb(234,75,44)
```

Complementary Color

#2ceaaa
```
#2ceaaa rgb(44,234,170)
```
#2ccbea
```
#2ccbea rgb(44,203,234)
```
#2c6cea
```
#2c6cea rgb(44,108,234)
```

Analogous Color

#eaaa2c
```
#eaaa2c rgb(234,170,44)
```
#2ccbea
```
#2ccbea rgb(44,203,234)
```
#ea2c6c
```
#ea2c6c rgb(234,44,108)
```

Split Complementary Color

#cbea2c
```
#cbea2c rgb(203,234,44)
```
#2ccbea
```
#2ccbea rgb(44,203,234)
```
#ea2ccb
```
#ea2ccb rgb(234,44,203)
```

Triadic Color

#2cea4b
```
#2cea4b rgb(44,234,75)
```
#2ccbea
```
#2ccbea rgb(44,203,234)
```
#ea2ccb
```
#ea2ccb rgb(234,44,203)
```
#ea4b2c
```
#ea4b2c rgb(234,75,44)
```

Tetradic Color

#129cb7
```
#129cb7 rgb(18,156,183)
```
#15b0ce
```
#15b0ce rgb(21,176,206)
```
#17c4e6
```
#17c4e6 rgb(23,196,230)
```
#2ccbea
```
#2ccbea rgb(44,203,234)
```
#43d1ec
```
#43d1ec rgb(67,209,236)
```
#5ad6ef
```
#5ad6ef rgb(90,214,239)
```
#72dcf1
```
#72dcf1 rgb(114,220,241)
```

Monochromatic Color

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

#2ceada
```
#2ceada rgb(44,234,218)
```
#2ceae9
```
#2ceae9 rgb(44,234,233)
```
#2cdbea
```
#2cdbea rgb(44,219,234)
```
#2ccbea
```
#2ccbea rgb(44,203,234)
```
#2cbbea
```
#2cbbea rgb(44,187,234)
```
#2cabea
```
#2cabea rgb(44,171,234)
```
#2c9cea
```
#2c9cea rgb(44,156,234)
```

Similar Colors

Text with hexadecimal color #2ccbea

This text has a font color of #2ccbea.

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

#2ccbea background color

This paragraph has a background color of #2ccbea.

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

#2ccbea border color

This element has a border color of #2ccbea.

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

CSS codes

.text {color:#2ccbea;}

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

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

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

#000303
```
#000303 rgb(0,3,3)
```
#021215
```
#021215 rgb(2,18,21)
```
#042127
```
#042127 rgb(4,33,39)
```
#063039
```
#063039 rgb(6,48,57)
```
#07404a
```
#07404a rgb(7,64,74)
```
#094f5c
```
#094f5c rgb(9,79,92)
```
#0b5e6e
```
#0b5e6e rgb(11,94,110)
```
#0d6d80
```
#0d6d80 rgb(13,109,128)
```
#0f7c92
```
#0f7c92 rgb(15,124,146)
```
#108ca4
```
#108ca4 rgb(16,140,164)
```
#129bb5
```
#129bb5 rgb(18,155,181)
```
#14aac7
```
#14aac7 rgb(20,170,199)
```
#16b9d9
```
#16b9d9 rgb(22,185,217)
```

Shade Color Variation

#1ac7e8
```
#1ac7e8 rgb(26,199,232)
```
#2ccbea
```
#2ccbea rgb(44,203,234)
```
#3ecfec
```
#3ecfec rgb(62,207,236)
```
#50d4ee
```
#50d4ee rgb(80,212,238)
```
#62d8ef
```
#62d8ef rgb(98,216,239)
```
#73ddf1
```
#73ddf1 rgb(115,221,241)
```
#85e1f3
```
#85e1f3 rgb(133,225,243)
```
#97e5f5
```
#97e5f5 rgb(151,229,245)
```
#a9eaf6
```
#a9eaf6 rgb(169,234,246)
```
#bbeef8
```
#bbeef8 rgb(187,238,248)
```
#cdf3fa
```
#cdf3fa rgb(205,243,250)
```
#def7fc
```
#def7fc rgb(222,247,252)
```
#f0fbfe
```
#f0fbfe rgb(240,251,254)
```

Tint Color Variation

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

#858f91
```
#858f91 rgb(133,143,145)
```
#7c959a
```
#7c959a rgb(124,149,154)
```
#739ba3
```
#739ba3 rgb(115,155,163)
```
#6aa1ac
```
#6aa1ac rgb(106,161,172)
```
#62a7b4
```
#62a7b4 rgb(98,167,180)
```
#59adbd
```
#59adbd rgb(89,173,189)
```
#50b3c6
```
#50b3c6 rgb(80,179,198)
```
#47b9cf
```
#47b9cf rgb(71,185,207)
```
#3ebfd8
```
#3ebfd8 rgb(62,191,216)
```
#35c5e1
```
#35c5e1 rgb(53,197,225)
```
#2ccbea
```
#2ccbea rgb(44,203,234)
```
#23d1f3
```
#23d1f3 rgb(35,209,243)
```
#1ad7fc
```
#1ad7fc rgb(26,215,252)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#88a8ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5bce0 Protanopia 1% of men
#b1baf2 Deuteranopia 1% of men
#22cfdf Tritanopia 0.001% of the population

Trichromacy

#83c1e3 Protanomaly 1% of men, 0.01% of women
#80c0ef Deuteranomaly 6% of men, 0.4% of women
#25cee3 Tritanomaly 0.01% of the population

#2ccbea hex color

#2ccbea Color Information

#2ccbea Color Conversion

Color Schemes with #2ccbea

Alternatives to #2ccbea

#2ccbea Preview

Shades and Tints of #2ccbea

Tones of #2ccbea

Color Blindness Simulator