#2c80ba hex color

In a RGB color space, hex #2c80ba is composed of 17.3% red, 50.2% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 76.3% cyan, 31.2% magenta, 0% yellow and 27.1% black. It has a hue angle of 204.5 degrees, a saturation of 61.7% and a lightness of 45.1%. #2c80ba color hex could be obtained by blending #58ffff with #000175. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 17
- G 50
- B 73
RGB color chart
- C 76
- M 31
- Y 0
- K 27
CMYK color chart

● #2c80ba color description : Strong blue.

The hexadecimal color #2c80ba has RGB values of R:44, G:128, B:186 and CMYK values of C:0.76, M:0.31, Y:0, K:0.27. Its decimal value is 2916538.

Hex triplet	2c80ba	`#2c80ba`
RGB Decimal	44, 128, 186	`rgb(44,128,186)`
RGB Percent	17.3, 50.2, 72.9	`rgb(17.3%,50.2%,72.9%)`
CMYK	76, 31, 0, 27
HSL	204.5°, 61.7, 45.1	`hsl(204.5,61.7%,45.1%)`
HSV (or HSB)	204.5°, 76.3, 72.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	51.287, -4.942, -37.554
XYZ	17.619, 19.518, 49.29
xyY	0.204, 0.226, 19.518
CIE-LCH	51.287, 37.878, 262.504
CIE-LUV	51.287, -29.37, -56.683
Hunter-Lab	44.179, -6.126, -35.225
Binary	00101100, 10000000, 10111010

#2c80ba
```
#2c80ba rgb(44,128,186)
```
#ba662c
```
#ba662c rgb(186,102,44)
```

Complementary Color

#2cbaad
```
#2cbaad rgb(44,186,173)
```
#2c80ba
```
#2c80ba rgb(44,128,186)
```
#2c39ba
```
#2c39ba rgb(44,57,186)
```

Analogous Color

#baad2c
```
#baad2c rgb(186,173,44)
```
#2c80ba
```
#2c80ba rgb(44,128,186)
```
#ba2c39
```
#ba2c39 rgb(186,44,57)
```

Split Complementary Color

#80ba2c
```
#80ba2c rgb(128,186,44)
```
#2c80ba
```
#2c80ba rgb(44,128,186)
```
#ba2c80
```
#ba2c80 rgb(186,44,128)
```

Triadic Color

#2cba66
```
#2cba66 rgb(44,186,102)
```
#2c80ba
```
#2c80ba rgb(44,128,186)
```
#ba2c80
```
#ba2c80 rgb(186,44,128)
```
#ba662c
```
#ba662c rgb(186,102,44)
```

Tetradic Color

#1d557c
```
#1d557c rgb(29,85,124)
```
#226491
```
#226491 rgb(34,100,145)
```
#2772a5
```
#2772a5 rgb(39,114,165)
```
#2c80ba
```
#2c80ba rgb(44,128,186)
```
#318ece
```
#318ece rgb(49,142,206)
```
#4699d3
```
#4699d3 rgb(70,153,211)
```
#5aa5d8
```
#5aa5d8 rgb(90,165,216)
```

Monochromatic Color

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

#2ca4ba
```
#2ca4ba rgb(44,164,186)
```
#2c98ba
```
#2c98ba rgb(44,152,186)
```
#2c8cba
```
#2c8cba rgb(44,140,186)
```
#2c80ba
```
#2c80ba rgb(44,128,186)
```
#2c74ba
```
#2c74ba rgb(44,116,186)
```
#2c68ba
```
#2c68ba rgb(44,104,186)
```
#2c5dba
```
#2c5dba rgb(44,93,186)
```

Similar Colors

Text with hexadecimal color #2c80ba

This text has a font color of #2c80ba.

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

#2c80ba background color

This paragraph has a background color of #2c80ba.

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

#2c80ba border color

This element has a border color of #2c80ba.

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

CSS codes

.text {color:#2c80ba;}

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

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

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, #03080c is the darkest color, while #fbfdfe is the lightest one.

#03080c
```
#03080c rgb(3,8,12)
```
#06131b
```
#06131b rgb(6,19,27)
```
#0a1e2b
```
#0a1e2b rgb(10,30,43)
```
#0e293b
```
#0e293b rgb(14,41,59)
```
#12344b
```
#12344b rgb(18,52,75)
```
#153f5b
```
#153f5b rgb(21,63,91)
```
#19496b
```
#19496b rgb(25,73,107)
```
#1d547b
```
#1d547b rgb(29,84,123)
```
#215f8a
```
#215f8a rgb(33,95,138)
```
#246a9a
```
#246a9a rgb(36,106,154)
```
#2875aa
```
#2875aa rgb(40,117,170)
```
#2c80ba
```
#2c80ba rgb(44,128,186)
```
#308bca
```
#308bca rgb(48,139,202)
```

Shade Color Variation

#3c94d1
```
#3c94d1 rgb(60,148,209)
```
#4c9dd5
```
#4c9dd5 rgb(76,157,213)
```
#5ca6d8
```
#5ca6d8 rgb(92,166,216)
```
#6caedc
```
#6caedc rgb(108,174,220)
```
#7cb7e0
```
#7cb7e0 rgb(124,183,224)
```
#8cc0e4
```
#8cc0e4 rgb(140,192,228)
```
#9bc8e7
```
#9bc8e7 rgb(155,200,231)
```
#abd1eb
```
#abd1eb rgb(171,209,235)
```
#bbdaef
```
#bbdaef rgb(187,218,239)
```
#cbe3f3
```
#cbe3f3 rgb(203,227,243)
```
#dbebf6
```
#dbebf6 rgb(219,235,246)
```
#ebf4fa
```
#ebf4fa rgb(235,244,250)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #737373 is the less saturated color, while #0986dd is the most saturated one.

#737373
```
#737373 rgb(115,115,115)
```
#6a757c
```
#6a757c rgb(106,117,124)
```
#617685
```
#617685 rgb(97,118,133)
```
#58788e
```
#58788e rgb(88,120,142)
```
#4f7a97
```
#4f7a97 rgb(79,122,151)
```
#477b9f
```
#477b9f rgb(71,123,159)
```
#3e7da8
```
#3e7da8 rgb(62,125,168)
```
#357eb1
```
#357eb1 rgb(53,126,177)
```
#2c80ba
```
#2c80ba rgb(44,128,186)
```
#2382c3
```
#2382c3 rgb(35,130,195)
```
#1a83cc
```
#1a83cc rgb(26,131,204)
```
#1185d5
```
#1185d5 rgb(17,133,213)
```
#0986dd
```
#0986dd rgb(9,134,221)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#60717c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c7fb8 Protanopia 1% of men
#5d80bf Deuteranopia 1% of men
#008d97 Tritanopia 0.001% of the population

Trichromacy

#557fb8 Protanomaly 1% of men, 0.01% of women
#4b80bd Deuteranomaly 6% of men, 0.4% of women
#1088a4 Tritanomaly 0.01% of the population

#2c80ba hex color

#2c80ba Color Information

#2c80ba Color Conversion

Color Schemes with #2c80ba

Alternatives to #2c80ba

#2c80ba Preview

Shades and Tints of #2c80ba

Tones of #2c80ba

Color Blindness Simulator