#2c7bca hex color

In a RGB color space, hex #2c7bca is composed of 17.3% red, 48.2% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 78.2% cyan, 39.1% magenta, 0% yellow and 20.8% black. It has a hue angle of 210 degrees, a saturation of 64.2% and a lightness of 48.2%. #2c7bca color hex could be obtained by blending #58f6ff with #000095. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 17
- G 48
- B 79
RGB color chart
- C 78
- M 39
- Y 0
- K 21
CMYK color chart

● #2c7bca color description : Strong blue.

The hexadecimal color #2c7bca has RGB values of R:44, G:123, B:202 and CMYK values of C:0.78, M:0.39, Y:0, K:0.21. Its decimal value is 2915274.

Hex triplet	2c7bca	`#2c7bca`
RGB Decimal	44, 123, 202	`rgb(44,123,202)`
RGB Percent	17.3, 48.2, 79.2	`rgb(17.3%,48.2%,79.2%)`
CMYK	78, 39, 0, 21
HSL	210°, 64.2, 48.2	`hsl(210,64.2%,48.2%)`
HSV (or HSB)	210°, 78.2, 79.2
Web Safe	3366cc	`#3366cc`

CIE-LAB	50.645, 3.956, -47.726
XYZ	18.78, 18.964, 58.545
xyY	0.195, 0.197, 18.964
CIE-LCH	50.645, 47.89, 274.739
CIE-LUV	50.645, -26.976, -73.689
Hunter-Lab	43.548, 0.769, -49.224
Binary	00101100, 01111011, 11001010

#2c7bca
```
#2c7bca rgb(44,123,202)
```
#ca7b2c
```
#ca7b2c rgb(202,123,44)
```

Complementary Color

#2ccaca
```
#2ccaca rgb(44,202,202)
```
#2c7bca
```
#2c7bca rgb(44,123,202)
```
#2c2cca
```
#2c2cca rgb(44,44,202)
```

Analogous Color

#caca2c
```
#caca2c rgb(202,202,44)
```
#2c7bca
```
#2c7bca rgb(44,123,202)
```
#ca2c2c
```
#ca2c2c rgb(202,44,44)
```

Split Complementary Color

#7bca2c
```
#7bca2c rgb(123,202,44)
```
#2c7bca
```
#2c7bca rgb(44,123,202)
```
#ca2c7b
```
#ca2c7b rgb(202,44,123)
```

Triadic Color

#2cca7b
```
#2cca7b rgb(44,202,123)
```
#2c7bca
```
#2c7bca rgb(44,123,202)
```
#ca2c7b
```
#ca2c7b rgb(202,44,123)
```
#ca7b2c
```
#ca7b2c rgb(202,123,44)
```

Tetradic Color

#1e558b
```
#1e558b rgb(30,85,139)
```
#2362a0
```
#2362a0 rgb(35,98,160)
```
#276eb5
```
#276eb5 rgb(39,110,181)
```
#2c7bca
```
#2c7bca rgb(44,123,202)
```
#3b88d4
```
#3b88d4 rgb(59,136,212)
```
#5095d9
```
#5095d9 rgb(80,149,217)
```
#65a1dd
```
#65a1dd rgb(101,161,221)
```

Monochromatic Color

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

#2ca3ca
```
#2ca3ca rgb(44,163,202)
```
#2c95ca
```
#2c95ca rgb(44,149,202)
```
#2c88ca
```
#2c88ca rgb(44,136,202)
```
#2c7bca
```
#2c7bca rgb(44,123,202)
```
#2c6eca
```
#2c6eca rgb(44,110,202)
```
#2c61ca
```
#2c61ca rgb(44,97,202)
```
#2c54ca
```
#2c54ca rgb(44,84,202)
```

Similar Colors

Text with hexadecimal color #2c7bca

This text has a font color of #2c7bca.

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

#2c7bca background color

This paragraph has a background color of #2c7bca.

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

#2c7bca border color

This element has a border color of #2c7bca.

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

CSS codes

.text {color:#2c7bca;}

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

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

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

#020509
```
#020509 rgb(2,5,9)
```
#050f19
```
#050f19 rgb(5,15,25)
```
#091929
```
#091929 rgb(9,25,41)
```
#0c2339
```
#0c2339 rgb(12,35,57)
```
#102d49
```
#102d49 rgb(16,45,73)
```
#133659
```
#133659 rgb(19,54,89)
```
#174069
```
#174069 rgb(23,64,105)
```
#1a4a79
```
#1a4a79 rgb(26,74,121)
```
#1e548a
```
#1e548a rgb(30,84,138)
```
#215e9a
```
#215e9a rgb(33,94,154)
```
#2567aa
```
#2567aa rgb(37,103,170)
```
#2871ba
```
#2871ba rgb(40,113,186)
```
#2c7bca
```
#2c7bca rgb(44,123,202)
```

Shade Color Variation

#3685d3
```
#3685d3 rgb(54,133,211)
```
#468fd7
```
#468fd7 rgb(70,143,215)
```
#5798da
```
#5798da rgb(87,152,218)
```
#67a2de
```
#67a2de rgb(103,162,222)
```
#77ace1
```
#77ace1 rgb(119,172,225)
```
#87b6e5
```
#87b6e5 rgb(135,182,229)
```
#97c0e8
```
#97c0e8 rgb(151,192,232)
```
#a7c9ec
```
#a7c9ec rgb(167,201,236)
```
#b7d3ef
```
#b7d3ef rgb(183,211,239)
```
#c7ddf3
```
#c7ddf3 rgb(199,221,243)
```
#d7e7f6
```
#d7e7f6 rgb(215,231,246)
```
#e8f1fa
```
#e8f1fa rgb(232,241,250)
```
#f8fbfd
```
#f8fbfd rgb(248,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #787b7e is the less saturated color, while #067bf0 is the most saturated one.

#787b7e
```
#787b7e rgb(120,123,126)
```
#6e7b88
```
#6e7b88 rgb(110,123,136)
```
#657b91
```
#657b91 rgb(101,123,145)
```
#5b7b9b
```
#5b7b9b rgb(91,123,155)
```
#527ba4
```
#527ba4 rgb(82,123,164)
```
#487bae
```
#487bae rgb(72,123,174)
```
#3f7bb7
```
#3f7bb7 rgb(63,123,183)
```
#357bc1
```
#357bc1 rgb(53,123,193)
```
#2c7bca
```
#2c7bca rgb(44,123,202)
```
#237bd3
```
#237bd3 rgb(35,123,211)
```
#197bdd
```
#197bdd rgb(25,123,221)
```
#107be6
```
#107be6 rgb(16,123,230)
```
#067bf0
```
#067bf0 rgb(6,123,240)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#5f6f7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e7dc8 Protanopia 1% of men
#4180cd Deuteranopia 1% of men
#008c95 Tritanopia 0.001% of the population

Trichromacy

#4b7cc9 Protanomaly 1% of men, 0.01% of women
#397ecc Deuteranomaly 6% of men, 0.4% of women
#1085a8 Tritanomaly 0.01% of the population

#2c7bca hex color

#2c7bca Color Information

#2c7bca Color Conversion

Color Schemes with #2c7bca

Alternatives to #2c7bca

#2c7bca Preview

Shades and Tints of #2c7bca

Tones of #2c7bca

Color Blindness Simulator