#2ccbef hex color

In a RGB color space, hex #2ccbef is composed of 17.3% red, 79.6% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 81.6% cyan, 15.1% magenta, 0% yellow and 6.3% black. It has a hue angle of 191.1 degrees, a saturation of 85.9% and a lightness of 55.5%. #2ccbef color hex could be obtained by blending #58ffff with #0097df. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 17
- G 80
- B 94
RGB color chart
- C 82
- M 15
- Y 0
- K 6
CMYK color chart

● #2ccbef color description : Bright cyan.

The hexadecimal color #2ccbef has RGB values of R:44, G:203, B:239 and CMYK values of C:0.82, M:0.15, Y:0, K:0.06. Its decimal value is 2935791.

Hex triplet	2ccbef	`#2ccbef`
RGB Decimal	44, 203, 239	`rgb(44,203,239)`
RGB Percent	17.3, 79.6, 93.7	`rgb(17.3%,79.6%,93.7%)`
CMYK	82, 15, 0, 6
HSL	191.1°, 85.9, 55.5	`hsl(191.1,85.9%,55.5%)`
HSV (or HSB)	191.1°, 81.6, 93.7
Web Safe	33ccff	`#33ccff`

CIE-LAB	75.746, -27.212, -28.96
XYZ	37.97, 49.476, 89.205
xyY	0.215, 0.28, 49.476
CIE-LCH	75.746, 39.738, 226.782
CIE-LUV	75.746, -52.068, -42.674
Hunter-Lab	70.339, -26.736, -25.955
Binary	00101100, 11001011, 11101111

#2ccbef
```
#2ccbef rgb(44,203,239)
```
#ef502c
```
#ef502c rgb(239,80,44)
```

Complementary Color

#2cefb2
```
#2cefb2 rgb(44,239,178)
```
#2ccbef
```
#2ccbef rgb(44,203,239)
```
#2c6aef
```
#2c6aef rgb(44,106,239)
```

Analogous Color

#efb22c
```
#efb22c rgb(239,178,44)
```
#2ccbef
```
#2ccbef rgb(44,203,239)
```
#ef2c6a
```
#ef2c6a rgb(239,44,106)
```

Split Complementary Color

#cbef2c
```
#cbef2c rgb(203,239,44)
```
#2ccbef
```
#2ccbef rgb(44,203,239)
```
#ef2ccb
```
#ef2ccb rgb(239,44,203)
```

Triadic Color

#2cef50
```
#2cef50 rgb(44,239,80)
```
#2ccbef
```
#2ccbef rgb(44,203,239)
```
#ef2ccb
```
#ef2ccb rgb(239,44,203)
```
#ef502c
```
#ef502c rgb(239,80,44)
```

Tetradic Color

#0f9fc0
```
#0f9fc0 rgb(15,159,192)
```
#10b3d8
```
#10b3d8 rgb(16,179,216)
```
#14c5ed
```
#14c5ed rgb(20,197,237)
```
#2ccbef
```
#2ccbef rgb(44,203,239)
```
#44d1f1
```
#44d1f1 rgb(68,209,241)
```
#5bd7f3
```
#5bd7f3 rgb(91,215,243)
```
#73ddf4
```
#73ddf4 rgb(115,221,244)
```

Monochromatic Color

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

#2cefe2
```
#2cefe2 rgb(44,239,226)
```
#2cecef
```
#2cecef rgb(44,236,239)
```
#2cdbef
```
#2cdbef rgb(44,219,239)
```
#2ccbef
```
#2ccbef rgb(44,203,239)
```
#2cbbef
```
#2cbbef rgb(44,187,239)
```
#2cabef
```
#2cabef rgb(44,171,239)
```
#2c9aef
```
#2c9aef rgb(44,154,239)
```

Similar Colors

Text with hexadecimal color #2ccbef

This text has a font color of #2ccbef.

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

#2ccbef background color

This paragraph has a background color of #2ccbef.

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

#2ccbef border color

This element has a border color of #2ccbef.

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

CSS codes

.text {color:#2ccbef;}

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

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

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

#010608
```
#010608 rgb(1,6,8)
```
#02161a
```
#02161a rgb(2,22,26)
```
#03252c
```
#03252c rgb(3,37,44)
```
#05343e
```
#05343e rgb(5,52,62)
```
#064351
```
#064351 rgb(6,67,81)
```
#085263
```
#085263 rgb(8,82,99)
```
#096175
```
#096175 rgb(9,97,117)
```
#0a7087
```
#0a7087 rgb(10,112,135)
```
#0c7f9a
```
#0c7f9a rgb(12,127,154)
```
#0d8fac
```
#0d8fac rgb(13,143,172)
```
#0e9ebe
```
#0e9ebe rgb(14,158,190)
```
#10add0
```
#10add0 rgb(16,173,208)
```
#11bce3
```
#11bce3 rgb(17,188,227)
```

Shade Color Variation

#1ac7ee
```
#1ac7ee rgb(26,199,238)
```
#2ccbef
```
#2ccbef rgb(44,203,239)
```
#3ecff0
```
#3ecff0 rgb(62,207,240)
```
#50d4f2
```
#50d4f2 rgb(80,212,242)
```
#63d8f3
```
#63d8f3 rgb(99,216,243)
```
#75ddf5
```
#75ddf5 rgb(117,221,245)
```
#87e1f6
```
#87e1f6 rgb(135,225,246)
```
#99e6f7
```
#99e6f7 rgb(153,230,247)
```
#aceaf9
```
#aceaf9 rgb(172,234,249)
```
#beeffa
```
#beeffa rgb(190,239,250)
```
#d0f3fb
```
#d0f3fb rgb(208,243,251)
```
#e2f8fd
```
#e2f8fd rgb(226,248,253)
```
#f5fcfe
```
#f5fcfe rgb(245,252,254)
```

Tint Color Variation

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

#8c8e8f
```
#8c8e8f rgb(140,142,143)
```
#839498
```
#839498 rgb(131,148,152)
```
#7b99a0
```
#7b99a0 rgb(123,153,160)
```
#729fa9
```
#729fa9 rgb(114,159,169)
```
#69a4b2
```
#69a4b2 rgb(105,164,178)
```
#60aabb
```
#60aabb rgb(96,170,187)
```
#58afc3
```
#58afc3 rgb(88,175,195)
```
#4fb5cc
```
#4fb5cc rgb(79,181,204)
```
#46bad5
```
#46bad5 rgb(70,186,213)
```
#3dc0de
```
#3dc0de rgb(61,192,222)
```
#35c5e6
```
#35c5e6 rgb(53,197,230)
```
#2ccbef
```
#2ccbef rgb(44,203,239)
```
#23d1f8
```
#23d1f8 rgb(35,209,248)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#89a9b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4bce4 Protanopia 1% of men
#aebbf6 Deuteranopia 1% of men
#13d0df Tritanopia 0.001% of the population

Trichromacy

#82c1e8 Protanomaly 1% of men, 0.01% of women
#7fc1f4 Deuteranomaly 6% of men, 0.4% of women
#1ccee5 Tritanomaly 0.01% of the population

#2ccbef hex color

#2ccbef Color Information

#2ccbef Color Conversion

Color Schemes with #2ccbef

Alternatives to #2ccbef

#2ccbef Preview

Shades and Tints of #2ccbef

Tones of #2ccbef

Color Blindness Simulator