#2771c4 hex color

In a RGB color space, hex #2771c4 is composed of 15.3% red, 44.3% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 80.1% cyan, 42.3% magenta, 0% yellow and 23.1% black. It has a hue angle of 211.7 degrees, a saturation of 66.8% and a lightness of 46.1%. #2771c4 color hex could be obtained by blending #4ee2ff with #000089. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 15
- G 44
- B 77
RGB color chart
- C 80
- M 42
- Y 0
- K 23
CMYK color chart

● #2771c4 color description : Strong blue.

The hexadecimal color #2771c4 has RGB values of R:39, G:113, B:196 and CMYK values of C:0.8, M:0.42, Y:0, K:0.23. Its decimal value is 2585028.

Hex triplet	2771c4	`#2771c4`
RGB Decimal	39, 113, 196	`rgb(39,113,196)`
RGB Percent	15.3, 44.3, 76.9	`rgb(15.3%,44.3%,76.9%)`
CMYK	80, 42, 0, 23
HSL	211.7°, 66.8, 46.1	`hsl(211.7,66.8%,46.1%)`
HSV (or HSB)	211.7°, 80.1, 76.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	47.269, 7.352, -49.686
XYZ	16.703, 16.226, 54.473
xyY	0.191, 0.186, 16.226
CIE-LCH	47.269, 50.227, 278.417
CIE-LUV	47.269, -24.628, -75.905
Hunter-Lab	40.281, 3.526, -51.982
Binary	00100111, 01110001, 11000100

#2771c4
```
#2771c4 rgb(39,113,196)
```
#c47a27
```
#c47a27 rgb(196,122,39)
```

Complementary Color

#27c0c4
```
#27c0c4 rgb(39,192,196)
```
#2771c4
```
#2771c4 rgb(39,113,196)
```
#2b27c4
```
#2b27c4 rgb(43,39,196)
```

Analogous Color

#c0c427
```
#c0c427 rgb(192,196,39)
```
#2771c4
```
#2771c4 rgb(39,113,196)
```
#c42c27
```
#c42c27 rgb(196,44,39)
```

Split Complementary Color

#71c427
```
#71c427 rgb(113,196,39)
```
#2771c4
```
#2771c4 rgb(39,113,196)
```
#c42771
```
#c42771 rgb(196,39,113)
```

Triadic Color

#27c47a
```
#27c47a rgb(39,196,122)
```
#2771c4
```
#2771c4 rgb(39,113,196)
```
#c42771
```
#c42771 rgb(196,39,113)
```
#c47a27
```
#c47a27 rgb(196,122,39)
```

Tetradic Color

#1a4c84
```
#1a4c84 rgb(26,76,132)
```
#1f5899
```
#1f5899 rgb(31,88,153)
```
#2365af
```
#2365af rgb(35,101,175)
```
#2771c4
```
#2771c4 rgb(39,113,196)
```
#2f7dd6
```
#2f7dd6 rgb(47,125,214)
```
#448bda
```
#448bda rgb(68,139,218)
```
#5998de
```
#5998de rgb(89,152,222)
```

Monochromatic Color

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

#2798c4
```
#2798c4 rgb(39,152,196)
```
#278bc4
```
#278bc4 rgb(39,139,196)
```
#277ec4
```
#277ec4 rgb(39,126,196)
```
#2771c4
```
#2771c4 rgb(39,113,196)
```
#2764c4
```
#2764c4 rgb(39,100,196)
```
#2757c4
```
#2757c4 rgb(39,87,196)
```
#274ac4
```
#274ac4 rgb(39,74,196)
```

Similar Colors

Text with hexadecimal color #2771c4

This text has a font color of #2771c4.

<span style="color:#2771c4;">Text here</span>

#2771c4 background color

This paragraph has a background color of #2771c4.

<p style="background-color:#2771c4;">Content here</p>

#2771c4 border color

This element has a border color of #2771c4.

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

CSS codes

.text {color:#2771c4;}

.background {background-color:#2771c4;}

.border {border:1px solid #2771c4;}

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

#030910
```
#030910 rgb(3,9,16)
```
#061320
```
#061320 rgb(6,19,32)
```
#0a1c31
```
#0a1c31 rgb(10,28,49)
```
#0d2641
```
#0d2641 rgb(13,38,65)
```
#102f51
```
#102f51 rgb(16,47,81)
```
#133862
```
#133862 rgb(19,56,98)
```
#174272
```
#174272 rgb(23,66,114)
```
#1a4b83
```
#1a4b83 rgb(26,75,131)
```
#1d5593
```
#1d5593 rgb(29,85,147)
```
#205ea3
```
#205ea3 rgb(32,94,163)
```
#2468b4
```
#2468b4 rgb(36,104,180)
```
#2771c4
```
#2771c4 rgb(39,113,196)
```
#2a7ad4
```
#2a7ad4 rgb(42,122,212)
```

Shade Color Variation

#3a85d8
```
#3a85d8 rgb(58,133,216)
```
#4b8fdb
```
#4b8fdb rgb(75,143,219)
```
#5b99de
```
#5b99de rgb(91,153,222)
```
#6ba3e2
```
#6ba3e2 rgb(107,163,226)
```
#7cade5
```
#7cade5 rgb(124,173,229)
```
#8cb8e8
```
#8cb8e8 rgb(140,184,232)
```
#9dc2eb
```
#9dc2eb rgb(157,194,235)
```
#adccef
```
#adccef rgb(173,204,239)
```
#bdd6f2
```
#bdd6f2 rgb(189,214,242)
```
#cee0f5
```
#cee0f5 rgb(206,224,245)
```
#deeaf8
```
#deeaf8 rgb(222,234,248)
```
#eef5fc
```
#eef5fc rgb(238,245,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f757c is the less saturated color, while #036fe8 is the most saturated one.

#6f757c
```
#6f757c rgb(111,117,124)
```
#667585
```
#667585 rgb(102,117,133)
```
#5d748e
```
#5d748e rgb(93,116,142)
```
#547497
```
#547497 rgb(84,116,151)
```
#4b73a0
```
#4b73a0 rgb(75,115,160)
```
#4273a9
```
#4273a9 rgb(66,115,169)
```
#3972b2
```
#3972b2 rgb(57,114,178)
```
#3072bb
```
#3072bb rgb(48,114,187)
```
#2771c4
```
#2771c4 rgb(39,113,196)
```
#1e70cd
```
#1e70cd rgb(30,112,205)
```
#1570d6
```
#1570d6 rgb(21,112,214)
```
#0c6fdf
```
#0c6fdf rgb(12,111,223)
```
#036fe8
```
#036fe8 rgb(3,111,232)
```

Tone Color Variation

Below, you can see how #2771c4 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

#646464 Achromatopsia 0.005% of the population
#586777 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5174c4 Protanopia 1% of men
#2979c6 Deuteranopia 1% of men
#00838b Tritanopia 0.001% of the population

Trichromacy

#4173c4 Protanomaly 1% of men, 0.01% of women
#2876c5 Deuteranomaly 6% of men, 0.4% of women
#0e7ca0 Tritanomaly 0.01% of the population

#2771c4 hex color

#2771c4 Color Information

#2771c4 Color Conversion

Color Schemes with #2771c4

Alternatives to #2771c4

#2771c4 Preview

Shades and Tints of #2771c4

Tones of #2771c4

Color Blindness Simulator