colorhexa.com

#2ccbed hex color

In a RGB color space, hex #2ccbed is composed of 17.3% red, 79.6% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 81.4% cyan, 14.3% magenta, 0% yellow and 7.1% black. It has a hue angle of 190.6 degrees, a saturation of 84.3% and a lightness of 55.1%. #2ccbed color hex could be obtained by blending #58ffff with #0097db. Closest websafe color is: #33ccff.

- R 17
- G 80
- B 93
RGB color chart
- C 81
- M 14
- Y 0
- K 7
CMYK color chart

● #2ccbed color description : Bright cyan.

The hexadecimal color #2ccbed has RGB values of R:44, G:203, B:237 and CMYK values of C:0.81, M:0.14, Y:0, K:0.07. Its decimal value is 2935789.

Hex triplet	2ccbed	`#2ccbed`
RGB Decimal	44, 203, 237	`rgb(44,203,237)`
RGB Percent	17.3, 79.6, 92.9	`rgb(17.3%,79.6%,92.9%)`
CMYK	81, 14, 0, 7
HSL	190.6°, 84.3, 55.1	`hsl(190.6,84.3%,55.1%)`
HSV (or HSB)	190.6°, 81.4, 92.9
Web Safe	33ccff	`#33ccff`

CIE-LAB	75.674, -27.851, -27.996
XYZ	37.676, 49.358, 87.657
xyY	0.216, 0.283, 49.358
CIE-LCH	75.674, 39.49, 225.149
CIE-LUV	75.674, -52.211, -40.941
Hunter-Lab	70.255, -27.221, -24.797
Binary	00101100, 11001011, 11101101

#2ccbed
```
#2ccbed rgb(44,203,237)
```
#ed4e2c
```
#ed4e2c rgb(237,78,44)
```

Complementary Color

#2cedaf
```
#2cedaf rgb(44,237,175)
```
#2ccbed
```
#2ccbed rgb(44,203,237)
```
#2c6bed
```
#2c6bed rgb(44,107,237)
```

Analogous Color

#edaf2c
```
#edaf2c rgb(237,175,44)
```
#2ccbed
```
#2ccbed rgb(44,203,237)
```
#ed2c6b
```
#ed2c6b rgb(237,44,107)
```

Split Complementary Color

#cbed2c
```
#cbed2c rgb(203,237,44)
```
#2ccbed
```
#2ccbed rgb(44,203,237)
```
#ed2ccb
```
#ed2ccb rgb(237,44,203)
```

Triadic Color

#2ced4e
```
#2ced4e rgb(44,237,78)
```
#2ccbed
```
#2ccbed rgb(44,203,237)
```
#ed2ccb
```
#ed2ccb rgb(237,44,203)
```
#ed4e2c
```
#ed4e2c rgb(237,78,44)
```

Tetradic Color

#109ebc
```
#109ebc rgb(16,158,188)
```
#12b2d4
```
#12b2d4 rgb(18,178,212)
```
#15c5eb
```
#15c5eb rgb(21,197,235)
```
#2ccbed
```
#2ccbed rgb(44,203,237)
```
#43d1ef
```
#43d1ef rgb(67,209,239)
```
#5bd7f1
```
#5bd7f1 rgb(91,215,241)
```
#72dcf3
```
#72dcf3 rgb(114,220,243)
```

Monochromatic Color

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

#2ceddf
```
#2ceddf rgb(44,237,223)
```
#2cebed
```
#2cebed rgb(44,235,237)
```
#2cdbed
```
#2cdbed rgb(44,219,237)
```
#2ccbed
```
#2ccbed rgb(44,203,237)
```
#2cbbed
```
#2cbbed rgb(44,187,237)
```
#2cabed
```
#2cabed rgb(44,171,237)
```
#2c9bed
```
#2c9bed rgb(44,155,237)
```

Similar Colors

Text with hexadecimal color #2ccbed

This text has a font color of #2ccbed.

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

#2ccbed background color

This paragraph has a background color of #2ccbed.

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

#2ccbed border color

This element has a border color of #2ccbed.

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

CSS codes

.text {color:#2ccbed;}

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

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

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

#010506
```
#010506 rgb(1,5,6)
```
#021418
```
#021418 rgb(2,20,24)
```
#04232a
```
#04232a rgb(4,35,42)
```
#05323c
```
#05323c rgb(5,50,60)
```
#07424e
```
#07424e rgb(7,66,78)
```
#085160
```
#085160 rgb(8,81,96)
```
#0a6072
```
#0a6072 rgb(10,96,114)
```
#0b6f84
```
#0b6f84 rgb(11,111,132)
```
#0d7e96
```
#0d7e96 rgb(13,126,150)
```
#0e8da9
```
#0e8da9 rgb(14,141,169)
```
#109dbb
```
#109dbb rgb(16,157,187)
```
#11accd
```
#11accd rgb(17,172,205)
```
#13bbdf
```
#13bbdf rgb(19,187,223)
```

Shade Color Variation

#1ac7eb
```
#1ac7eb rgb(26,199,235)
```
#2ccbed
```
#2ccbed rgb(44,203,237)
```
#3ecfef
```
#3ecfef rgb(62,207,239)
```
#50d4f0
```
#50d4f0 rgb(80,212,240)
```
#62d8f2
```
#62d8f2 rgb(98,216,242)
```
#74ddf3
```
#74ddf3 rgb(116,221,243)
```
#86e1f5
```
#86e1f5 rgb(134,225,245)
```
#98e6f6
```
#98e6f6 rgb(152,230,246)
```
#abeaf8
```
#abeaf8 rgb(171,234,248)
```
#bdeff9
```
#bdeff9 rgb(189,239,249)
```
#cff3fb
```
#cff3fb rgb(207,243,251)
```
#e1f8fc
```
#e1f8fc rgb(225,248,252)
```
#f3fcfe
```
#f3fcfe rgb(243,252,254)
```

Tint Color Variation

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

#849295
```
#849295 rgb(132,146,149)
```
#7b989e
```
#7b989e rgb(123,152,158)
```
#729da7
```
#729da7 rgb(114,157,167)
```
#6aa3af
```
#6aa3af rgb(106,163,175)
```
#61a9b8
```
#61a9b8 rgb(97,169,184)
```
#58aec1
```
#58aec1 rgb(88,174,193)
```
#4fb4ca
```
#4fb4ca rgb(79,180,202)
```
#46bad3
```
#46bad3 rgb(70,186,211)
```
#3ec0db
```
#3ec0db rgb(62,192,219)
```
#35c5e4
```
#35c5e4 rgb(53,197,228)
```
#2ccbed
```
#2ccbed rgb(44,203,237)
```
#23d1f6
```
#23d1f6 rgb(35,209,246)
```
#1ad6ff
```
#1ad6ff rgb(26,214,255)
```

Tone Color Variation

Below, you can see how #2ccbed 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
#88a8af Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4bce2 Protanopia 1% of men
#afbbf5 Deuteranopia 1% of men
#1ad0df Tritanopia 0.001% of the population

Trichromacy

#83c1e6 Protanomaly 1% of men, 0.01% of women
#7fc1f2 Deuteranomaly 6% of men, 0.4% of women
#21cee4 Tritanomaly 0.01% of the population