#2c80d7 hex color

In a RGB color space, hex #2c80d7 is composed of 17.3% red, 50.2% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 79.5% cyan, 40.5% magenta, 0% yellow and 15.7% black. It has a hue angle of 210.5 degrees, a saturation of 68.1% and a lightness of 50.8%. #2c80d7 color hex could be obtained by blending #58ffff with #0001af. Closest websafe color is: #3399cc.

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

● #2c80d7 color description : Strong blue.

The hexadecimal color #2c80d7 has RGB values of R:44, G:128, B:215 and CMYK values of C:0.8, M:0.4, Y:0, K:0.16. Its decimal value is 2916567.

Hex triplet	2c80d7	`#2c80d7`
RGB Decimal	44, 128, 215	`rgb(44,128,215)`
RGB Percent	17.3, 50.2, 84.3	`rgb(17.3%,50.2%,84.3%)`
CMYK	80, 40, 0, 16
HSL	210.5°, 68.1, 50.8	`hsl(210.5,68.1%,50.8%)`
HSV (or HSB)	210.5°, 79.5, 84.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	52.816, 5.75, -51.64
XYZ	21.021, 20.878, 67.208
xyY	0.193, 0.191, 20.878
CIE-LCH	52.816, 51.959, 276.353
CIE-LUV	52.816, -28.093, -80.779
Hunter-Lab	45.693, 2.156, -55.223
Binary	00101100, 10000000, 11010111

#2c80d7
```
#2c80d7 rgb(44,128,215)
```
#d7832c
```
#d7832c rgb(215,131,44)
```

Complementary Color

#2cd6d7
```
#2cd6d7 rgb(44,214,215)
```
#2c80d7
```
#2c80d7 rgb(44,128,215)
```
#2e2cd7
```
#2e2cd7 rgb(46,44,215)
```

Analogous Color

#d6d72c
```
#d6d72c rgb(214,215,44)
```
#2c80d7
```
#2c80d7 rgb(44,128,215)
```
#d72d2c
```
#d72d2c rgb(215,45,44)
```

Split Complementary Color

#80d72c
```
#80d72c rgb(128,215,44)
```
#2c80d7
```
#2c80d7 rgb(44,128,215)
```
#d72c80
```
#d72c80 rgb(215,44,128)
```

Triadic Color

#2cd783
```
#2cd783 rgb(44,215,131)
```
#2c80d7
```
#2c80d7 rgb(44,128,215)
```
#d72c80
```
#d72c80 rgb(215,44,128)
```
#d7832c
```
#d7832c rgb(215,131,44)
```

Tetradic Color

#1d5a99
```
#1d5a99 rgb(29,90,153)
```
#2167af
```
#2167af rgb(33,103,175)
```
#2573c4
```
#2573c4 rgb(37,115,196)
```
#2c80d7
```
#2c80d7 rgb(44,128,215)
```
#418ddb
```
#418ddb rgb(65,141,219)
```
#579adf
```
#579adf rgb(87,154,223)
```
#6ca7e3
```
#6ca7e3 rgb(108,167,227)
```

Monochromatic Color

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

#2cabd7
```
#2cabd7 rgb(44,171,215)
```
#2c9dd7
```
#2c9dd7 rgb(44,157,215)
```
#2c8ed7
```
#2c8ed7 rgb(44,142,215)
```
#2c80d7
```
#2c80d7 rgb(44,128,215)
```
#2c72d7
```
#2c72d7 rgb(44,114,215)
```
#2c64d7
```
#2c64d7 rgb(44,100,215)
```
#2c55d7
```
#2c55d7 rgb(44,85,215)
```

Similar Colors

Text with hexadecimal color #2c80d7

This text has a font color of #2c80d7.

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

#2c80d7 background color

This paragraph has a background color of #2c80d7.

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

#2c80d7 border color

This element has a border color of #2c80d7.

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

CSS codes

.text {color:#2c80d7;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#040c14
```
#040c14 rgb(4,12,20)
```
#071524
```
#071524 rgb(7,21,36)
```
#0a1f35
```
#0a1f35 rgb(10,31,53)
```
#0d2945
```
#0d2945 rgb(13,41,69)
```
#103256
```
#103256 rgb(16,50,86)
```
#133c66
```
#133c66 rgb(19,60,102)
```
#174677
```
#174677 rgb(23,70,119)
```
#1a4f87
```
#1a4f87 rgb(26,79,135)
```
#1d5998
```
#1d5998 rgb(29,89,152)
```
#2063a8
```
#2063a8 rgb(32,99,168)
```
#236db9
```
#236db9 rgb(35,109,185)
```
#2676c9
```
#2676c9 rgb(38,118,201)
```

Shade Color Variation

#2c80d7
```
#2c80d7 rgb(44,128,215)
```
#3c8ada
```
#3c8ada rgb(60,138,218)
```
#4d94dd
```
#4d94dd rgb(77,148,221)
```
#5d9ee0
```
#5d9ee0 rgb(93,158,224)
```
#6ea8e4
```
#6ea8e4 rgb(110,168,228)
```
#7eb2e7
```
#7eb2e7 rgb(126,178,231)
```
#8fbcea
```
#8fbcea rgb(143,188,234)
```
#9fc5ed
```
#9fc5ed rgb(159,197,237)
```
#b0cff0
```
#b0cff0 rgb(176,207,240)
```
#c0d9f3
```
#c0d9f3 rgb(192,217,243)
```
#d1e3f6
```
#d1e3f6 rgb(209,227,246)
```
#e1edf9
```
#e1edf9 rgb(225,237,249)
```
#f2f7fd
```
#f2f7fd rgb(242,247,253)
```

Tint Color Variation

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

#79818a
```
#79818a rgb(121,129,138)
```
#708193
```
#708193 rgb(112,129,147)
```
#66819d
```
#66819d rgb(102,129,157)
```
#5c81a7
```
#5c81a7 rgb(92,129,167)
```
#5381b0
```
#5381b0 rgb(83,129,176)
```
#4981ba
```
#4981ba rgb(73,129,186)
```
#3f80c4
```
#3f80c4 rgb(63,128,196)
```
#3680cd
```
#3680cd rgb(54,128,205)
```
#2c80d7
```
#2c80d7 rgb(44,128,215)
```
#2280e1
```
#2280e1 rgb(34,128,225)
```
#1980ea
```
#1980ea rgb(25,128,234)
```
#0f7ff4
```
#0f7ff4 rgb(15,127,244)
```
#057ffe
```
#057ffe rgb(5,127,254)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#637485 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e82d5 Protanopia 1% of men
#3b86d9 Deuteranopia 1% of men
#00919b Tritanopia 0.001% of the population

Trichromacy

#4c81d5 Protanomaly 1% of men, 0.01% of women
#3583d8 Deuteranomaly 6% of men, 0.4% of women
#108bb0 Tritanomaly 0.01% of the population

#2c80d7 hex color

#2c80d7 Color Information

#2c80d7 Color Conversion

Color Schemes with #2c80d7

Alternatives to #2c80d7

#2c80d7 Preview

Shades and Tints of #2c80d7

Tones of #2c80d7

Color Blindness Simulator