#2974d4 hex color

In a RGB color space, hex #2974d4 is composed of 16.1% red, 45.5% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 80.7% cyan, 45.3% magenta, 0% yellow and 16.9% black. It has a hue angle of 213.7 degrees, a saturation of 67.6% and a lightness of 49.6%. #2974d4 color hex could be obtained by blending #52e8ff with #0000a9. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 16
- G 45
- B 83
RGB color chart
- C 81
- M 45
- Y 0
- K 17
CMYK color chart

● #2974d4 color description : Strong blue.

The hexadecimal color #2974d4 has RGB values of R:41, G:116, B:212 and CMYK values of C:0.81, M:0.45, Y:0, K:0.17. Its decimal value is 2716884.

Hex triplet	2974d4	`#2974d4`
RGB Decimal	41, 116, 212	`rgb(41,116,212)`
RGB Percent	16.1, 45.5, 83.1	`rgb(16.1%,45.5%,83.1%)`
CMYK	81, 45, 0, 17
HSL	213.7°, 67.6, 49.6	`hsl(213.7,67.6%,49.6%)`
HSV (or HSB)	213.7°, 80.7, 83.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	49.147, 11.755, -55.819
XYZ	19.041, 17.714, 64.699
xyY	0.188, 0.175, 17.714
CIE-LCH	49.147, 57.043, 281.892
CIE-LUV	49.147, -24.781, -86.509
Hunter-Lab	42.088, 7.1, -61.681
Binary	00101001, 01110100, 11010100

#2974d4
```
#2974d4 rgb(41,116,212)
```
#d48929
```
#d48929 rgb(212,137,41)
```

Complementary Color

#29cad4
```
#29cad4 rgb(41,202,212)
```
#2974d4
```
#2974d4 rgb(41,116,212)
```
#3429d4
```
#3429d4 rgb(52,41,212)
```

Analogous Color

#cad429
```
#cad429 rgb(202,212,41)
```
#2974d4
```
#2974d4 rgb(41,116,212)
```
#d43429
```
#d43429 rgb(212,52,41)
```

Split Complementary Color

#74d429
```
#74d429 rgb(116,212,41)
```
#2974d4
```
#2974d4 rgb(41,116,212)
```
#d42974
```
#d42974 rgb(212,41,116)
```

Triadic Color

#29d489
```
#29d489 rgb(41,212,137)
```
#2974d4
```
#2974d4 rgb(41,116,212)
```
#d42974
```
#d42974 rgb(212,41,116)
```
#d48929
```
#d48929 rgb(212,137,41)
```

Tetradic Color

#1d5194
```
#1d5194 rgb(29,81,148)
```
#215da9
```
#215da9 rgb(33,93,169)
```
#2568bf
```
#2568bf rgb(37,104,191)
```
#2974d4
```
#2974d4 rgb(41,116,212)
```
#3d82d9
```
#3d82d9 rgb(61,130,217)
```
#528fde
```
#528fde rgb(82,143,222)
```
#689de2
```
#689de2 rgb(104,157,226)
```

Monochromatic Color

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

#299fd4
```
#299fd4 rgb(41,159,212)
```
#2991d4
```
#2991d4 rgb(41,145,212)
```
#2982d4
```
#2982d4 rgb(41,130,212)
```
#2974d4
```
#2974d4 rgb(41,116,212)
```
#2966d4
```
#2966d4 rgb(41,102,212)
```
#2958d4
```
#2958d4 rgb(41,88,212)
```
#2949d4
```
#2949d4 rgb(41,73,212)
```

Similar Colors

Text with hexadecimal color #2974d4

This text has a font color of #2974d4.

<span style="color:#2974d4;">Text here</span>

#2974d4 background color

This paragraph has a background color of #2974d4.

<p style="background-color:#2974d4;">Content here</p>

#2974d4 border color

This element has a border color of #2974d4.

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

CSS codes

.text {color:#2974d4;}

.background {background-color:#2974d4;}

.border {border:1px solid #2974d4;}

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

#03080f
```
#03080f rgb(3,8,15)
```
#06111f
```
#06111f rgb(6,17,31)
```
#091a30
```
#091a30 rgb(9,26,48)
```
#0c2340
```
#0c2340 rgb(12,35,64)
```
#102c51
```
#102c51 rgb(16,44,81)
```
#133561
```
#133561 rgb(19,53,97)
```
#163e71
```
#163e71 rgb(22,62,113)
```
#194782
```
#194782 rgb(25,71,130)
```
#1c5092
```
#1c5092 rgb(28,80,146)
```
#1f59a3
```
#1f59a3 rgb(31,89,163)
```
#2362b3
```
#2362b3 rgb(35,98,179)
```
#266bc4
```
#266bc4 rgb(38,107,196)
```
#2974d4
```
#2974d4 rgb(41,116,212)
```

Shade Color Variation

#387ed9
```
#387ed9 rgb(56,126,217)
```
#4989dc
```
#4989dc rgb(73,137,220)
```
#5994df
```
#5994df rgb(89,148,223)
```
#699ee2
```
#699ee2 rgb(105,158,226)
```
#7aa9e5
```
#7aa9e5 rgb(122,169,229)
```
#8ab4e8
```
#8ab4e8 rgb(138,180,232)
```
#9bbeec
```
#9bbeec rgb(155,190,236)
```
#abc9ef
```
#abc9ef rgb(171,201,239)
```
#bcd3f2
```
#bcd3f2 rgb(188,211,242)
```
#ccdef5
```
#ccdef5 rgb(204,222,245)
```
#dce9f8
```
#dce9f8 rgb(220,233,248)
```
#edf3fb
```
#edf3fb rgb(237,243,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #777e86 is the less saturated color, while #026ffb is the most saturated one.

#777e86
```
#777e86 rgb(119,126,134)
```
#6d7c90
```
#6d7c90 rgb(109,124,144)
```
#637b9a
```
#637b9a rgb(99,123,154)
```
#5a7aa3
```
#5a7aa3 rgb(90,122,163)
```
#5079ad
```
#5079ad rgb(80,121,173)
```
#4678b7
```
#4678b7 rgb(70,120,183)
```
#3c76c1
```
#3c76c1 rgb(60,118,193)
```
#3375ca
```
#3375ca rgb(51,117,202)
```
#2974d4
```
#2974d4 rgb(41,116,212)
```
#1f73de
```
#1f73de rgb(31,115,222)
```
#1672e7
```
#1672e7 rgb(22,114,231)
```
#0c70f1
```
#0c70f1 rgb(12,112,241)
```
#026ffb
```
#026ffb rgb(2,111,251)
```

Tone Color Variation

Below, you can see how #2974d4 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
#5c6b7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a79d4 Protanopia 1% of men
#007ed1 Deuteranopia 1% of men
#008890 Tritanopia 0.001% of the population

Trichromacy

#3e77d4 Protanomaly 1% of men, 0.01% of women
#0e7ad2 Deuteranomaly 6% of men, 0.4% of women
#0e80a9 Tritanomaly 0.01% of the population

#2974d4 hex color

#2974d4 Color Information

#2974d4 Color Conversion

Color Schemes with #2974d4

Alternatives to #2974d4

#2974d4 Preview

Shades and Tints of #2974d4

Tones of #2974d4

Color Blindness Simulator