#2976c6 hex color

In a RGB color space, hex #2976c6 is composed of 16.1% red, 46.3% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 79.3% cyan, 40.4% magenta, 0% yellow and 22.4% black. It has a hue angle of 210.6 degrees, a saturation of 65.7% and a lightness of 46.9%. #2976c6 color hex could be obtained by blending #52ecff with #00008d. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 16
- G 46
- B 78
RGB color chart
- C 79
- M 40
- Y 0
- K 22
CMYK color chart

● #2976c6 color description : Strong blue.

The hexadecimal color #2976c6 has RGB values of R:41, G:118, B:198 and CMYK values of C:0.79, M:0.4, Y:0, K:0.22. Its decimal value is 2717382.

Hex triplet	2976c6	`#2976c6`
RGB Decimal	41, 118, 198	`rgb(41,118,198)`
RGB Percent	16.1, 46.3, 77.6	`rgb(16.1%,46.3%,77.6%)`
CMYK	79, 40, 0, 22
HSL	210.6°, 65.7, 46.9	`hsl(210.6,65.7%,46.9%)`
HSV (or HSB)	210.6°, 79.3, 77.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	48.889, 5.206, -48.244
XYZ	17.584, 17.504, 55.875
xyY	0.193, 0.192, 17.504
CIE-LCH	48.889, 48.524, 276.16
CIE-LUV	48.889, -25.907, -74.049
Hunter-Lab	41.838, 1.804, -49.896
Binary	00101001, 01110110, 11000110

#2976c6
```
#2976c6 rgb(41,118,198)
```
#c67929
```
#c67929 rgb(198,121,41)
```

Complementary Color

#29c5c6
```
#29c5c6 rgb(41,197,198)
```
#2976c6
```
#2976c6 rgb(41,118,198)
```
#2b29c6
```
#2b29c6 rgb(43,41,198)
```

Analogous Color

#c5c629
```
#c5c629 rgb(197,198,41)
```
#2976c6
```
#2976c6 rgb(41,118,198)
```
#c62a29
```
#c62a29 rgb(198,42,41)
```

Split Complementary Color

#76c629
```
#76c629 rgb(118,198,41)
```
#2976c6
```
#2976c6 rgb(41,118,198)
```
#c62976
```
#c62976 rgb(198,41,118)
```

Triadic Color

#29c679
```
#29c679 rgb(41,198,121)
```
#2976c6
```
#2976c6 rgb(41,118,198)
```
#c62976
```
#c62976 rgb(198,41,118)
```
#c67929
```
#c67929 rgb(198,121,41)
```

Tetradic Color

#1c5087
```
#1c5087 rgb(28,80,135)
```
#205d9c
```
#205d9c rgb(32,93,156)
```
#2569b1
```
#2569b1 rgb(37,105,177)
```
#2976c6
```
#2976c6 rgb(41,118,198)
```
#3483d5
```
#3483d5 rgb(52,131,213)
```
#4990d9
```
#4990d9 rgb(73,144,217)
```
#5e9dde
```
#5e9dde rgb(94,157,222)
```

Monochromatic Color

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

#299dc6
```
#299dc6 rgb(41,157,198)
```
#2990c6
```
#2990c6 rgb(41,144,198)
```
#2983c6
```
#2983c6 rgb(41,131,198)
```
#2976c6
```
#2976c6 rgb(41,118,198)
```
#2969c6
```
#2969c6 rgb(41,105,198)
```
#295cc6
```
#295cc6 rgb(41,92,198)
```
#294fc6
```
#294fc6 rgb(41,79,198)
```

Similar Colors

Text with hexadecimal color #2976c6

This text has a font color of #2976c6.

<span style="color:#2976c6;">Text here</span>

#2976c6 background color

This paragraph has a background color of #2976c6.

<p style="background-color:#2976c6;">Content here</p>

#2976c6 border color

This element has a border color of #2976c6.

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

CSS codes

.text {color:#2976c6;}

.background {background-color:#2976c6;}

.border {border:1px solid #2976c6;}

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 #f2f7fc is the lightest one.

#010203
```
#010203 rgb(1,2,3)
```
#040b13
```
#040b13 rgb(4,11,19)
```
#071523
```
#071523 rgb(7,21,35)
```
#0b1f34
```
#0b1f34 rgb(11,31,52)
```
#0e2944
```
#0e2944 rgb(14,41,68)
```
#113254
```
#113254 rgb(17,50,84)
```
#153c64
```
#153c64 rgb(21,60,100)
```
#184675
```
#184675 rgb(24,70,117)
```
#1c4f85
```
#1c4f85 rgb(28,79,133)
```
#1f5995
```
#1f5995 rgb(31,89,149)
```
#2263a5
```
#2263a5 rgb(34,99,165)
```
#266cb6
```
#266cb6 rgb(38,108,182)
```
#2976c6
```
#2976c6 rgb(41,118,198)
```

Shade Color Variation

#2f80d4
```
#2f80d4 rgb(47,128,212)
```
#3f8ad7
```
#3f8ad7 rgb(63,138,215)
```
#4f94db
```
#4f94db rgb(79,148,219)
```
#5f9ede
```
#5f9ede rgb(95,158,222)
```
#70a7e1
```
#70a7e1 rgb(112,167,225)
```
#80b1e5
```
#80b1e5 rgb(128,177,229)
```
#90bbe8
```
#90bbe8 rgb(144,187,232)
```
#a0c5eb
```
#a0c5eb rgb(160,197,235)
```
#b1cfef
```
#b1cfef rgb(177,207,239)
```
#c1d9f2
```
#c1d9f2 rgb(193,217,242)
```
#d1e3f6
```
#d1e3f6 rgb(209,227,246)
```
#e1edf9
```
#e1edf9 rgb(225,237,249)
```
#f2f7fc
```
#f2f7fc rgb(242,247,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #73777c is the less saturated color, while #0475eb is the most saturated one.

#73777c
```
#73777c rgb(115,119,124)
```
#697786
```
#697786 rgb(105,119,134)
```
#60778f
```
#60778f rgb(96,119,143)
```
#577798
```
#577798 rgb(87,119,152)
```
#4e77a1
```
#4e77a1 rgb(78,119,161)
```
#4577aa
```
#4577aa rgb(69,119,170)
```
#3b76b4
```
#3b76b4 rgb(59,118,180)
```
#3276bd
```
#3276bd rgb(50,118,189)
```
#2976c6
```
#2976c6 rgb(41,118,198)
```
#2076cf
```
#2076cf rgb(32,118,207)
```
#1776d8
```
#1776d8 rgb(23,118,216)
```
#0d75e2
```
#0d75e2 rgb(13,117,226)
```
#0475eb
```
#0475eb rgb(4,117,235)
```

Tone Color Variation

Below, you can see how #2976c6 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

#686868 Achromatopsia 0.005% of the population
#5b6b7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#5878c5 Protanopia 1% of men
#387cc9 Deuteranopia 1% of men
#008790 Tritanopia 0.001% of the population

Trichromacy

#4777c5 Protanomaly 1% of men, 0.01% of women
#337ac8 Deuteranomaly 6% of men, 0.4% of women
#0e81a3 Tritanomaly 0.01% of the population

#2976c6 hex color

#2976c6 Color Information

#2976c6 Color Conversion

Color Schemes with #2976c6

Alternatives to #2976c6

#2976c6 Preview

Shades and Tints of #2976c6

Tones of #2976c6

Color Blindness Simulator