#2cb3d4 hex color

In a RGB color space, hex #2cb3d4 is composed of 17.3% red, 70.2% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 79.2% cyan, 15.6% magenta, 0% yellow and 16.9% black. It has a hue angle of 191.8 degrees, a saturation of 66.1% and a lightness of 50.2%. #2cb3d4 color hex could be obtained by blending #58ffff with #0067a9. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 17
- G 70
- B 83
RGB color chart
- C 79
- M 16
- Y 0
- K 17
CMYK color chart

● #2cb3d4 color description : Strong cyan.

The hexadecimal color #2cb3d4 has RGB values of R:44, G:179, B:212 and CMYK values of C:0.79, M:0.16, Y:0, K:0.17. Its decimal value is 2929620.

Hex triplet	2cb3d4	`#2cb3d4`
RGB Decimal	44, 179, 212	`rgb(44,179,212)`
RGB Percent	17.3, 70.2, 83.1	`rgb(17.3%,70.2%,83.1%)`
CMYK	79, 16, 0, 17
HSL	191.8°, 66.1, 50.2	`hsl(191.8,66.1%,50.2%)`
HSV (or HSB)	191.8°, 79.2, 83.1
Web Safe	33cccc	`#33cccc`

CIE-LAB	67.67, -23.888, -26.692
XYZ	29.039, 37.526, 67.997
xyY	0.216, 0.279, 37.526
CIE-LCH	67.67, 35.821, 228.173
CIE-LUV	67.67, -45.657, -38.71
Hunter-Lab	61.259, -22.587, -22.93
Binary	00101100, 10110011, 11010100

#2cb3d4
```
#2cb3d4 rgb(44,179,212)
```
#d44d2c
```
#d44d2c rgb(212,77,44)
```

Complementary Color

#2cd4a1
```
#2cd4a1 rgb(44,212,161)
```
#2cb3d4
```
#2cb3d4 rgb(44,179,212)
```
#2c5fd4
```
#2c5fd4 rgb(44,95,212)
```

Analogous Color

#d4a12c
```
#d4a12c rgb(212,161,44)
```
#2cb3d4
```
#2cb3d4 rgb(44,179,212)
```
#d42c5f
```
#d42c5f rgb(212,44,95)
```

Split Complementary Color

#b3d42c
```
#b3d42c rgb(179,212,44)
```
#2cb3d4
```
#2cb3d4 rgb(44,179,212)
```
#d42cb3
```
#d42cb3 rgb(212,44,179)
```

Triadic Color

#2cd44d
```
#2cd44d rgb(44,212,77)
```
#2cb3d4
```
#2cb3d4 rgb(44,179,212)
```
#d42cb3
```
#d42cb3 rgb(212,44,179)
```
#d44d2c
```
#d44d2c rgb(212,77,44)
```

Tetradic Color

#1e7e95
```
#1e7e95 rgb(30,126,149)
```
#2390aa
```
#2390aa rgb(35,144,170)
```
#27a2bf
```
#27a2bf rgb(39,162,191)
```
#2cb3d4
```
#2cb3d4 rgb(44,179,212)
```
#41bbd8
```
#41bbd8 rgb(65,187,216)
```
#56c2dd
```
#56c2dd rgb(86,194,221)
```
#6ccae1
```
#6ccae1 rgb(108,202,225)
```

Monochromatic Color

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

#2cd4cb
```
#2cd4cb rgb(44,212,203)
```
#2ccfd4
```
#2ccfd4 rgb(44,207,212)
```
#2cc1d4
```
#2cc1d4 rgb(44,193,212)
```
#2cb3d4
```
#2cb3d4 rgb(44,179,212)
```
#2ca5d4
```
#2ca5d4 rgb(44,165,212)
```
#2c97d4
```
#2c97d4 rgb(44,151,212)
```
#2c89d4
```
#2c89d4 rgb(44,137,212)
```

Similar Colors

Text with hexadecimal color #2cb3d4

This text has a font color of #2cb3d4.

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

#2cb3d4 background color

This paragraph has a background color of #2cb3d4.

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

#2cb3d4 border color

This element has a border color of #2cb3d4.

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

CSS codes

.text {color:#2cb3d4;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#030e11
```
#030e11 rgb(3,14,17)
```
#071c21
```
#071c21 rgb(7,28,33)
```
#0a2a32
```
#0a2a32 rgb(10,42,50)
```
#0d3842
```
#0d3842 rgb(13,56,66)
```
#114552
```
#114552 rgb(17,69,82)
```
#145363
```
#145363 rgb(20,83,99)
```
#176173
```
#176173 rgb(23,97,115)
```
#1b6f83
```
#1b6f83 rgb(27,111,131)
```
#1e7c93
```
#1e7c93 rgb(30,124,147)
```
#218aa4
```
#218aa4 rgb(33,138,164)
```
#2598b4
```
#2598b4 rgb(37,152,180)
```
#28a6c4
```
#28a6c4 rgb(40,166,196)
```

Shade Color Variation

#2cb3d4
```
#2cb3d4 rgb(44,179,212)
```
#3cb9d7
```
#3cb9d7 rgb(60,185,215)
```
#4dbfdb
```
#4dbfdb rgb(77,191,219)
```
#5dc5de
```
#5dc5de rgb(93,197,222)
```
#6dcae1
```
#6dcae1 rgb(109,202,225)
```
#7dd0e5
```
#7dd0e5 rgb(125,208,229)
```
#8ed6e8
```
#8ed6e8 rgb(142,214,232)
```
#9edceb
```
#9edceb rgb(158,220,235)
```
#aee2ef
```
#aee2ef rgb(174,226,239)
```
#bfe8f2
```
#bfe8f2 rgb(191,232,242)
```
#cfeef5
```
#cfeef5 rgb(207,238,245)
```
#dff4f9
```
#dff4f9 rgb(223,244,249)
```
#f0f9fc
```
#f0f9fc rgb(240,249,252)
```

Tint Color Variation

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

#7a8486
```
#7a8486 rgb(122,132,134)
```
#708990
```
#708990 rgb(112,137,144)
```
#678f99
```
#678f99 rgb(103,143,153)
```
#5d95a3
```
#5d95a3 rgb(93,149,163)
```
#539bad
```
#539bad rgb(83,155,173)
```
#49a1b7
```
#49a1b7 rgb(73,161,183)
```
#40a7c0
```
#40a7c0 rgb(64,167,192)
```
#36adca
```
#36adca rgb(54,173,202)
```
#2cb3d4
```
#2cb3d4 rgb(44,179,212)
```
#22b9de
```
#22b9de rgb(34,185,222)
```
#18bfe8
```
#18bfe8 rgb(24,191,232)
```
#0fc5f1
```
#0fc5f1 rgb(15,197,241)
```
#05cbfb
```
#05cbfb rgb(5,203,251)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#7a959c Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0a7cc Protanopia 1% of men
#9ba7dc Deuteranopia 1% of men
#1fb9c7 Tritanopia 0.001% of the population

Trichromacy

#76abcf Protanomaly 1% of men, 0.01% of women
#72abd9 Deuteranomaly 6% of men, 0.4% of women
#24b7cb Tritanomaly 0.01% of the population

#2cb3d4 hex color

#2cb3d4 Color Information

#2cb3d4 Color Conversion

Color Schemes with #2cb3d4

Alternatives to #2cb3d4

#2cb3d4 Preview

Shades and Tints of #2cb3d4

Tones of #2cb3d4

Color Blindness Simulator