#2976cc hex color

In a RGB color space, hex #2976cc is composed of 16.1% red, 46.3% green and 80% blue. Whereas in a CMYK color space, it is composed of 79.9% cyan, 42.2% magenta, 0% yellow and 20% black. It has a hue angle of 211.7 degrees, a saturation of 66.5% and a lightness of 48%. #2976cc color hex could be obtained by blending #52ecff with #000099. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 16
- G 46
- B 80
RGB color chart
- C 80
- M 42
- Y 0
- K 20
CMYK color chart

● #2976cc color description : Strong blue.

The hexadecimal color #2976cc has RGB values of R:41, G:118, B:204 and CMYK values of C:0.8, M:0.42, Y:0, K:0.2. Its decimal value is 2717388.

Hex triplet	2976cc	`#2976cc`
RGB Decimal	41, 118, 204	`rgb(41,118,204)`
RGB Percent	16.1, 46.3, 80	`rgb(16.1%,46.3%,80%)`
CMYK	80, 42, 0, 20
HSL	211.7°, 66.5, 48	`hsl(211.7,66.5%,48%)`
HSV (or HSB)	211.7°, 79.9, 80
Web Safe	3366cc	`#3366cc`

CIE-LAB	49.236, 7.473, -51.121
XYZ	18.289, 17.786, 59.593
xyY	0.191, 0.186, 17.786
CIE-LCH	49.236, 51.664, 278.317
CIE-LUV	49.236, -25.683, -78.882
Hunter-Lab	42.174, 3.605, -54.256
Binary	00101001, 01110110, 11001100

#2976cc
```
#2976cc rgb(41,118,204)
```
#cc7f29
```
#cc7f29 rgb(204,127,41)
```

Complementary Color

#29c8cc
```
#29c8cc rgb(41,200,204)
```
#2976cc
```
#2976cc rgb(41,118,204)
```
#2e29cc
```
#2e29cc rgb(46,41,204)
```

Analogous Color

#c8cc29
```
#c8cc29 rgb(200,204,41)
```
#2976cc
```
#2976cc rgb(41,118,204)
```
#cc2e29
```
#cc2e29 rgb(204,46,41)
```

Split Complementary Color

#76cc29
```
#76cc29 rgb(118,204,41)
```
#2976cc
```
#2976cc rgb(41,118,204)
```
#cc2976
```
#cc2976 rgb(204,41,118)
```

Triadic Color

#29cc7f
```
#29cc7f rgb(41,204,127)
```
#2976cc
```
#2976cc rgb(41,118,204)
```
#cc2976
```
#cc2976 rgb(204,41,118)
```
#cc7f29
```
#cc7f29 rgb(204,127,41)
```

Tetradic Color

#1c518c
```
#1c518c rgb(28,81,140)
```
#205da2
```
#205da2 rgb(32,93,162)
```
#256ab7
```
#256ab7 rgb(37,106,183)
```
#2976cc
```
#2976cc rgb(41,118,204)
```
#3883d7
```
#3883d7 rgb(56,131,215)
```
#4d90db
```
#4d90db rgb(77,144,219)
```
#629ddf
```
#629ddf rgb(98,157,223)
```

Monochromatic Color

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

#299fcc
```
#299fcc rgb(41,159,204)
```
#2991cc
```
#2991cc rgb(41,145,204)
```
#2984cc
```
#2984cc rgb(41,132,204)
```
#2976cc
```
#2976cc rgb(41,118,204)
```
#2968cc
```
#2968cc rgb(41,104,204)
```
#295bcc
```
#295bcc rgb(41,91,204)
```
#294dcc
```
#294dcc rgb(41,77,204)
```

Similar Colors

Text with hexadecimal color #2976cc

This text has a font color of #2976cc.

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

#2976cc background color

This paragraph has a background color of #2976cc.

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

#2976cc border color

This element has a border color of #2976cc.

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

CSS codes

.text {color:#2976cc;}

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

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

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

#020508
```
#020508 rgb(2,5,8)
```
#050e18
```
#050e18 rgb(5,14,24)
```
#081829
```
#081829 rgb(8,24,41)
```
#0b2139
```
#0b2139 rgb(11,33,57)
```
#0f2a49
```
#0f2a49 rgb(15,42,73)
```
#12345a
```
#12345a rgb(18,52,90)
```
#153d6a
```
#153d6a rgb(21,61,106)
```
#19477a
```
#19477a rgb(25,71,122)
```
#1c508b
```
#1c508b rgb(28,80,139)
```
#1f5a9b
```
#1f5a9b rgb(31,90,155)
```
#2263ab
```
#2263ab rgb(34,99,171)
```
#266dbc
```
#266dbc rgb(38,109,188)
```
#2976cc
```
#2976cc rgb(41,118,204)
```

Shade Color Variation

#3380d6
```
#3380d6 rgb(51,128,214)
```
#438ad9
```
#438ad9 rgb(67,138,217)
```
#5394dd
```
#5394dd rgb(83,148,221)
```
#649ee0
```
#649ee0 rgb(100,158,224)
```
#74a8e3
```
#74a8e3 rgb(116,168,227)
```
#84b3e6
```
#84b3e6 rgb(132,179,230)
```
#95bdea
```
#95bdea rgb(149,189,234)
```
#a5c7ed
```
#a5c7ed rgb(165,199,237)
```
#b5d1f0
```
#b5d1f0 rgb(181,209,240)
```
#c6dbf3
```
#c6dbf3 rgb(198,219,243)
```
#d6e5f7
```
#d6e5f7 rgb(214,229,247)
```
#e6f0fa
```
#e6f0fa rgb(230,240,250)
```
#f7fafd
```
#f7fafd rgb(247,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #747a81 is the less saturated color, while #0374f2 is the most saturated one.

#747a81
```
#747a81 rgb(116,122,129)
```
#6b7a8a
```
#6b7a8a rgb(107,122,138)
```
#627993
```
#627993 rgb(98,121,147)
```
#58799d
```
#58799d rgb(88,121,157)
```
#4f78a6
```
#4f78a6 rgb(79,120,166)
```
#4578b0
```
#4578b0 rgb(69,120,176)
```
#3c77b9
```
#3c77b9 rgb(60,119,185)
```
#3277c3
```
#3277c3 rgb(50,119,195)
```
#2976cc
```
#2976cc rgb(41,118,204)
```
#2075d5
```
#2075d5 rgb(32,117,213)
```
#1675df
```
#1675df rgb(22,117,223)
```
#0d74e8
```
#0d74e8 rgb(13,116,232)
```
#0374f2
```
#0374f2 rgb(3,116,242)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#5c6c7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#5479cb Protanopia 1% of men
#2c7dce Deuteranopia 1% of men
#008891 Tritanopia 0.001% of the population

Trichromacy

#4478cb Protanomaly 1% of men, 0.01% of women
#2b7acd Deuteranomaly 6% of men, 0.4% of women
#0e81a6 Tritanomaly 0.01% of the population

#2976cc hex color

#2976cc Color Information

#2976cc Color Conversion

Color Schemes with #2976cc

Alternatives to #2976cc

#2976cc Preview

Shades and Tints of #2976cc

Tones of #2976cc

Color Blindness Simulator