#2cbad8 hex color

In a RGB color space, hex #2cbad8 is composed of 17.3% red, 72.9% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 79.6% cyan, 13.9% magenta, 0% yellow and 15.3% black. It has a hue angle of 190.5 degrees, a saturation of 68.8% and a lightness of 51%. #2cbad8 color hex could be obtained by blending #58ffff with #0075b1. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 17
- G 73
- B 85
RGB color chart
- C 80
- M 14
- Y 0
- K 15
CMYK color chart

● #2cbad8 color description : Strong cyan.

The hexadecimal color #2cbad8 has RGB values of R:44, G:186, B:216 and CMYK values of C:0.8, M:0.14, Y:0, K:0.15. Its decimal value is 2931416.

Hex triplet	2cbad8	`#2cbad8`
RGB Decimal	44, 186, 216	`rgb(44,186,216)`
RGB Percent	17.3, 72.9, 84.7	`rgb(17.3%,72.9%,84.7%)`
CMYK	80, 14, 0, 15
HSL	190.5°, 68.8, 51	`hsl(190.5,68.8%,51%)`
HSV (or HSB)	190.5°, 79.6, 84.7
Web Safe	33cccc	`#33cccc`

CIE-LAB	69.901, -26.129, -25.463
XYZ	30.989, 40.608, 71.167
xyY	0.217, 0.284, 40.608
CIE-LCH	69.901, 36.484, 224.261
CIE-LUV	69.901, -47.823, -36.518
Hunter-Lab	63.725, -24.715, -21.607
Binary	00101100, 10111010, 11011000

#2cbad8
```
#2cbad8 rgb(44,186,216)
```
#d84a2c
```
#d84a2c rgb(216,74,44)
```

Complementary Color

#2cd8a0
```
#2cd8a0 rgb(44,216,160)
```
#2cbad8
```
#2cbad8 rgb(44,186,216)
```
#2c64d8
```
#2c64d8 rgb(44,100,216)
```

Analogous Color

#d8a02c
```
#d8a02c rgb(216,160,44)
```
#2cbad8
```
#2cbad8 rgb(44,186,216)
```
#d82c64
```
#d82c64 rgb(216,44,100)
```

Split Complementary Color

#bad82c
```
#bad82c rgb(186,216,44)
```
#2cbad8
```
#2cbad8 rgb(44,186,216)
```
#d82cba
```
#d82cba rgb(216,44,186)
```

Triadic Color

#2cd84a
```
#2cd84a rgb(44,216,74)
```
#2cbad8
```
#2cbad8 rgb(44,186,216)
```
#d82cba
```
#d82cba rgb(216,44,186)
```
#d84a2c
```
#d84a2c rgb(216,74,44)
```

Tetradic Color

#1d859b
```
#1d859b rgb(29,133,155)
```
#2197b0
```
#2197b0 rgb(33,151,176)
```
#25aac6
```
#25aac6 rgb(37,170,198)
```
#2cbad8
```
#2cbad8 rgb(44,186,216)
```
#42c1dc
```
#42c1dc rgb(66,193,220)
```
#57c8e0
```
#57c8e0 rgb(87,200,224)
```
#6dcfe4
```
#6dcfe4 rgb(109,207,228)
```

Monochromatic Color

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

#2cd8cb
```
#2cd8cb rgb(44,216,203)
```
#2cd7d8
```
#2cd7d8 rgb(44,215,216)
```
#2cc8d8
```
#2cc8d8 rgb(44,200,216)
```
#2cbad8
```
#2cbad8 rgb(44,186,216)
```
#2cacd8
```
#2cacd8 rgb(44,172,216)
```
#2c9dd8
```
#2c9dd8 rgb(44,157,216)
```
#2c8fd8
```
#2c8fd8 rgb(44,143,216)
```

Similar Colors

Text with hexadecimal color #2cbad8

This text has a font color of #2cbad8.

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

#2cbad8 background color

This paragraph has a background color of #2cbad8.

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

#2cbad8 border color

This element has a border color of #2cbad8.

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

CSS codes

.text {color:#2cbad8;}

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

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

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

#010404
```
#010404 rgb(1,4,4)
```
#041215
```
#041215 rgb(4,18,21)
```
#072025
```
#072025 rgb(7,32,37)
```
#0a2e36
```
#0a2e36 rgb(10,46,54)
```
#0d3c46
```
#0d3c46 rgb(13,60,70)
```
#104b57
```
#104b57 rgb(16,75,87)
```
#135968
```
#135968 rgb(19,89,104)
```
#166778
```
#166778 rgb(22,103,120)
```
#197589
```
#197589 rgb(25,117,137)
```
#1c8399
```
#1c8399 rgb(28,131,153)
```
#1f92aa
```
#1f92aa rgb(31,146,170)
```
#22a0ba
```
#22a0ba rgb(34,160,186)
```
#26aecb
```
#26aecb rgb(38,174,203)
```

Shade Color Variation

#2cbad8
```
#2cbad8 rgb(44,186,216)
```
#3dbfdb
```
#3dbfdb rgb(61,191,219)
```
#4dc5de
```
#4dc5de rgb(77,197,222)
```
#5ecae1
```
#5ecae1 rgb(94,202,225)
```
#6ed0e4
```
#6ed0e4 rgb(110,208,228)
```
#7fd5e7
```
#7fd5e7 rgb(127,213,231)
```
#8fdaea
```
#8fdaea rgb(143,218,234)
```
#a0e0ed
```
#a0e0ed rgb(160,224,237)
```
#b0e5f0
```
#b0e5f0 rgb(176,229,240)
```
#c1ebf4
```
#c1ebf4 rgb(193,235,244)
```
#d2f0f7
```
#d2f0f7 rgb(210,240,247)
```
#e2f6fa
```
#e2f6fa rgb(226,246,250)
```
#f3fbfd
```
#f3fbfd rgb(243,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #79888b is the less saturated color, while #06d3fe is the most saturated one.

#79888b
```
#79888b rgb(121,136,139)
```
#6f8e95
```
#6f8e95 rgb(111,142,149)
```
#66949e
```
#66949e rgb(102,148,158)
```
#5c9ba8
```
#5c9ba8 rgb(92,155,168)
```
#52a1b2
```
#52a1b2 rgb(82,161,178)
```
#49a7bb
```
#49a7bb rgb(73,167,187)
```
#3fadc5
```
#3fadc5 rgb(63,173,197)
```
#36b4ce
```
#36b4ce rgb(54,180,206)
```
#2cbad8
```
#2cbad8 rgb(44,186,216)
```
#22c0e2
```
#22c0e2 rgb(34,192,226)
```
#19c7eb
```
#19c7eb rgb(25,199,235)
```
#0fcdf5
```
#0fcdf5 rgb(15,205,245)
```
#06d3fe
```
#06d3fe rgb(6,211,254)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#7e9ba1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7adcf Protanopia 1% of men
#a2ace0 Deuteranopia 1% of men
#24bfcd Tritanopia 0.001% of the population

Trichromacy

#7ab2d2 Protanomaly 1% of men, 0.01% of women
#77b1dd Deuteranomaly 6% of men, 0.4% of women
#27bdd1 Tritanomaly 0.01% of the population

#2cbad8 hex color

#2cbad8 Color Information

#2cbad8 Color Conversion

Color Schemes with #2cbad8

Alternatives to #2cbad8

#2cbad8 Preview

Shades and Tints of #2cbad8

Tones of #2cbad8

Color Blindness Simulator