#2ccbd7 hex color

In a RGB color space, hex #2ccbd7 is composed of 17.3% red, 79.6% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 79.5% cyan, 5.6% magenta, 0% yellow and 15.7% black. It has a hue angle of 184.2 degrees, a saturation of 68.1% and a lightness of 50.8%. #2ccbd7 color hex could be obtained by blending #58ffff with #0097af. Closest websafe color is: #33cccc.

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

● #2ccbd7 color description : Strong cyan.

The hexadecimal color #2ccbd7 has RGB values of R:44, G:203, B:215 and CMYK values of C:0.8, M:0.06, Y:0, K:0.16. Its decimal value is 2935767.

Hex triplet	2ccbd7	`#2ccbd7`
RGB Decimal	44, 203, 215	`rgb(44,203,215)`
RGB Percent	17.3, 79.6, 84.3	`rgb(17.3%,79.6%,84.3%)`
CMYK	80, 6, 0, 16
HSL	184.2°, 68.1, 50.8	`hsl(184.2,68.1%,50.8%)`
HSV (or HSB)	184.2°, 79.5, 84.3
Web Safe	33cccc	`#33cccc`

CIE-LAB	74.92, -34.688, -17.286
XYZ	34.657, 48.15, 71.754
xyY	0.224, 0.312, 48.15
CIE-LCH	74.92, 38.756, 206.488
CIE-LUV	74.92, -53.806, -21.991
Hunter-Lab	69.39, -32.282, -12.736
Binary	00101100, 11001011, 11010111

#2ccbd7
```
#2ccbd7 rgb(44,203,215)
```
#d7382c
```
#d7382c rgb(215,56,44)
```

Complementary Color

#2cd78e
```
#2cd78e rgb(44,215,142)
```
#2ccbd7
```
#2ccbd7 rgb(44,203,215)
```
#2c76d7
```
#2c76d7 rgb(44,118,215)
```

Analogous Color

#d78e2c
```
#d78e2c rgb(215,142,44)
```
#2ccbd7
```
#2ccbd7 rgb(44,203,215)
```
#d72c76
```
#d72c76 rgb(215,44,118)
```

Split Complementary Color

#cbd72c
```
#cbd72c rgb(203,215,44)
```
#2ccbd7
```
#2ccbd7 rgb(44,203,215)
```
#d72ccb
```
#d72ccb rgb(215,44,203)
```

Triadic Color

#2cd738
```
#2cd738 rgb(44,215,56)
```
#2ccbd7
```
#2ccbd7 rgb(44,203,215)
```
#d72ccb
```
#d72ccb rgb(215,44,203)
```
#d7382c
```
#d7382c rgb(215,56,44)
```

Tetradic Color

#1d9199
```
#1d9199 rgb(29,145,153)
```
#21a5af
```
#21a5af rgb(33,165,175)
```
#25b9c4
```
#25b9c4 rgb(37,185,196)
```
#2ccbd7
```
#2ccbd7 rgb(44,203,215)
```
#41d0db
```
#41d0db rgb(65,208,219)
```
#57d6df
```
#57d6df rgb(87,214,223)
```
#6cdbe3
```
#6cdbe3 rgb(108,219,227)
```

Monochromatic Color

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

#2cd7b8
```
#2cd7b8 rgb(44,215,184)
```
#2cd7c7
```
#2cd7c7 rgb(44,215,199)
```
#2cd7d5
```
#2cd7d5 rgb(44,215,213)
```
#2ccbd7
```
#2ccbd7 rgb(44,203,215)
```
#2cbdd7
```
#2cbdd7 rgb(44,189,215)
```
#2cafd7
```
#2cafd7 rgb(44,175,215)
```
#2ca0d7
```
#2ca0d7 rgb(44,160,215)
```

Similar Colors

Text with hexadecimal color #2ccbd7

This text has a font color of #2ccbd7.

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

#2ccbd7 background color

This paragraph has a background color of #2ccbd7.

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

#2ccbd7 border color

This element has a border color of #2ccbd7.

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

CSS codes

.text {color:#2ccbd7;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#041314
```
#041314 rgb(4,19,20)
```
#072224
```
#072224 rgb(7,34,36)
```
#0a3235
```
#0a3235 rgb(10,50,53)
```
#0d4145
```
#0d4145 rgb(13,65,69)
```
#105156
```
#105156 rgb(16,81,86)
```
#136066
```
#136066 rgb(19,96,102)
```
#177077
```
#177077 rgb(23,112,119)
```
#1a8087
```
#1a8087 rgb(26,128,135)
```
#1d8f98
```
#1d8f98 rgb(29,143,152)
```
#209fa8
```
#209fa8 rgb(32,159,168)
```
#23aeb9
```
#23aeb9 rgb(35,174,185)
```
#26bec9
```
#26bec9 rgb(38,190,201)
```

Shade Color Variation

#2ccbd7
```
#2ccbd7 rgb(44,203,215)
```
#3ccfda
```
#3ccfda rgb(60,207,218)
```
#4dd3dd
```
#4dd3dd rgb(77,211,221)
```
#5dd7e0
```
#5dd7e0 rgb(93,215,224)
```
#6edbe4
```
#6edbe4 rgb(110,219,228)
```
#7edfe7
```
#7edfe7 rgb(126,223,231)
```
#8fe3ea
```
#8fe3ea rgb(143,227,234)
```
#9fe7ed
```
#9fe7ed rgb(159,231,237)
```
#b0ecf0
```
#b0ecf0 rgb(176,236,240)
```
#c0f0f3
```
#c0f0f3 rgb(192,240,243)
```
#d1f4f6
```
#d1f4f6 rgb(209,244,246)
```
#e1f8f9
```
#e1f8f9 rgb(225,248,249)
```
#f2fcfd
```
#f2fcfd rgb(242,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #79898a is the less saturated color, while #05ecfe is the most saturated one.

#79898a
```
#79898a rgb(121,137,138)
```
#709193
```
#709193 rgb(112,145,147)
```
#66999d
```
#66999d rgb(102,153,157)
```
#5ca2a7
```
#5ca2a7 rgb(92,162,167)
```
#53aab0
```
#53aab0 rgb(83,170,176)
```
#49b2ba
```
#49b2ba rgb(73,178,186)
```
#3fbac4
```
#3fbac4 rgb(63,186,196)
```
#36c3cd
```
#36c3cd rgb(54,195,205)
```
#2ccbd7
```
#2ccbd7 rgb(44,203,215)
```
#22d3e1
```
#22d3e1 rgb(34,211,225)
```
#19dcea
```
#19dcea rgb(25,220,234)
```
#0fe4f4
```
#0fe4f4 rgb(15,228,244)
```
#05ecfe
```
#05ecfe rgb(5,236,254)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#86a6a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9bacd Protanopia 1% of men
#b9b8e1 Deuteranopia 1% of men
#3acddc Tritanopia 0.001% of the population

Trichromacy

#86c0d1 Protanomaly 1% of men, 0.01% of women
#86bfdd Deuteranomaly 6% of men, 0.4% of women
#35ccda Tritanomaly 0.01% of the population

#2ccbd7 hex color

#2ccbd7 Color Information

#2ccbd7 Color Conversion

Color Schemes with #2ccbd7

Alternatives to #2ccbd7

#2ccbd7 Preview

Shades and Tints of #2ccbd7

Tones of #2ccbd7

Color Blindness Simulator