colorhexa.com

#2cbdd7 hex color

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

- R 17
- G 74
- B 84
RGB color chart
- C 80
- M 12
- Y 0
- K 16
CMYK color chart

● #2cbdd7 color description : Strong cyan.

The hexadecimal color #2cbdd7 has RGB values of R:44, G:189, B:215 and CMYK values of C:0.8, M:0.12, Y:0, K:0.16. Its decimal value is 2932183.

Hex triplet	2cbdd7	`#2cbdd7`
RGB Decimal	44, 189, 215	`rgb(44,189,215)`
RGB Percent	17.3, 74.1, 84.3	`rgb(17.3%,74.1%,84.3%)`
CMYK	80, 12, 0, 16
HSL	189.1°, 68.1, 50.8	`hsl(189.1,68.1%,50.8%)`
HSV (or HSB)	189.1°, 79.5, 84.3
Web Safe	33cccc	`#33cccc`

CIE-LAB	70.756, -27.94, -23.608
XYZ	31.499, 41.834, 70.701
xyY	0.219, 0.29, 41.834
CIE-LCH	70.756, 36.579, 220.196
CIE-LUV	70.756, -48.938, -33.227
Hunter-Lab	64.679, -26.26, -19.535
Binary	00101100, 10111101, 11010111

#2cbdd7
```
#2cbdd7 rgb(44,189,215)
```
#d7462c
```
#d7462c rgb(215,70,44)
```

Complementary Color

#2cd79c
```
#2cd79c rgb(44,215,156)
```
#2cbdd7
```
#2cbdd7 rgb(44,189,215)
```
#2c68d7
```
#2c68d7 rgb(44,104,215)
```

Analogous Color

#d79c2c
```
#d79c2c rgb(215,156,44)
```
#2cbdd7
```
#2cbdd7 rgb(44,189,215)
```
#d72c68
```
#d72c68 rgb(215,44,104)
```

Split Complementary Color

#bdd72c
```
#bdd72c rgb(189,215,44)
```
#2cbdd7
```
#2cbdd7 rgb(44,189,215)
```
#d72cbd
```
#d72cbd rgb(215,44,189)
```

Triadic Color

#2cd746
```
#2cd746 rgb(44,215,70)
```
#2cbdd7
```
#2cbdd7 rgb(44,189,215)
```
#d72cbd
```
#d72cbd rgb(215,44,189)
```
#d7462c
```
#d7462c rgb(215,70,44)
```

Tetradic Color

#1d8799
```
#1d8799 rgb(29,135,153)
```
#2199af
```
#2199af rgb(33,153,175)
```
#25acc4
```
#25acc4 rgb(37,172,196)
```
#2cbdd7
```
#2cbdd7 rgb(44,189,215)
```
#41c4db
```
#41c4db rgb(65,196,219)
```
#57cadf
```
#57cadf rgb(87,202,223)
```
#6cd1e3
```
#6cd1e3 rgb(108,209,227)
```

Monochromatic Color

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

#2cd7c6
```
#2cd7c6 rgb(44,215,198)
```
#2cd7d5
```
#2cd7d5 rgb(44,215,213)
```
#2ccbd7
```
#2ccbd7 rgb(44,203,215)
```
#2cbdd7
```
#2cbdd7 rgb(44,189,215)
```
#2cafd7
```
#2cafd7 rgb(44,175,215)
```
#2ca1d7
```
#2ca1d7 rgb(44,161,215)
```
#2c92d7
```
#2c92d7 rgb(44,146,215)
```

Similar Colors

Text with hexadecimal color #2cbdd7

This text has a font color of #2cbdd7.

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

#2cbdd7 background color

This paragraph has a background color of #2cbdd7.

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

#2cbdd7 border color

This element has a border color of #2cbdd7.

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

CSS codes

.text {color:#2cbdd7;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#041114
```
#041114 rgb(4,17,20)
```
#072024
```
#072024 rgb(7,32,36)
```
#0a2e35
```
#0a2e35 rgb(10,46,53)
```
#0d3d45
```
#0d3d45 rgb(13,61,69)
```
#104b56
```
#104b56 rgb(16,75,86)
```
#135a66
```
#135a66 rgb(19,90,102)
```
#176877
```
#176877 rgb(23,104,119)
```
#1a7787
```
#1a7787 rgb(26,119,135)
```
#1d8598
```
#1d8598 rgb(29,133,152)
```
#2094a8
```
#2094a8 rgb(32,148,168)
```
#23a2b9
```
#23a2b9 rgb(35,162,185)
```
#26b0c9
```
#26b0c9 rgb(38,176,201)
```

Shade Color Variation

#2cbdd7
```
#2cbdd7 rgb(44,189,215)
```
#3cc2da
```
#3cc2da rgb(60,194,218)
```
#4dc7dd
```
#4dc7dd rgb(77,199,221)
```
#5dcce0
```
#5dcce0 rgb(93,204,224)
```
#6ed2e4
```
#6ed2e4 rgb(110,210,228)
```
#7ed7e7
```
#7ed7e7 rgb(126,215,231)
```
#8fdcea
```
#8fdcea rgb(143,220,234)
```
#9fe1ed
```
#9fe1ed rgb(159,225,237)
```
#b0e6f0
```
#b0e6f0 rgb(176,230,240)
```
#c0ebf3
```
#c0ebf3 rgb(192,235,243)
```
#d1f1f6
```
#d1f1f6 rgb(209,241,246)
```
#e1f6f9
```
#e1f6f9 rgb(225,246,249)
```
#f2fbfd
```
#f2fbfd rgb(242,251,253)
```

Tint Color Variation

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

#79878a
```
#79878a rgb(121,135,138)
```
#708e93
```
#708e93 rgb(112,142,147)
```
#66959d
```
#66959d rgb(102,149,157)
```
#5c9ba7
```
#5c9ba7 rgb(92,155,167)
```
#53a2b0
```
#53a2b0 rgb(83,162,176)
```
#49a9ba
```
#49a9ba rgb(73,169,186)
```
#3fb0c4
```
#3fb0c4 rgb(63,176,196)
```
#36b6cd
```
#36b6cd rgb(54,182,205)
```
#2cbdd7
```
#2cbdd7 rgb(44,189,215)
```
#22c4e1
```
#22c4e1 rgb(34,196,225)
```
#19caea
```
#19caea rgb(25,202,234)
```
#0fd1f4
```
#0fd1f4 rgb(15,209,244)
```
#05d8fe
```
#05d8fe rgb(5,216,254)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#809da2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aaafce Protanopia 1% of men
#a7aedf Deuteranopia 1% of men
#2ac1d0 Tritanopia 0.001% of the population

Trichromacy

#7cb4d1 Protanomaly 1% of men, 0.01% of women
#7ab3dc Deuteranomaly 6% of men, 0.4% of women
#2bc0d2 Tritanomaly 0.01% of the population