#2974ed hex color

In a RGB color space, hex #2974ed is composed of 16.1% red, 45.5% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 82.7% cyan, 51.1% magenta, 0% yellow and 7.1% black. It has a hue angle of 217 degrees, a saturation of 84.5% and a lightness of 54.5%. #2974ed color hex could be obtained by blending #52e8ff with #0000db. Closest websafe color is: #3366ff.

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

● #2974ed color description : Bright blue.

The hexadecimal color #2974ed has RGB values of R:41, G:116, B:237 and CMYK values of C:0.83, M:0.51, Y:0, K:0.07. Its decimal value is 2716909.

Hex triplet	2974ed	`#2974ed`
RGB Decimal	41, 116, 237	`rgb(41,116,237)`
RGB Percent	16.1, 45.5, 92.9	`rgb(16.1%,45.5%,92.9%)`
CMYK	83, 51, 0, 7
HSL	217°, 84.5, 54.5	`hsl(217,84.5%,54.5%)`
HSV (or HSB)	217°, 82.7, 92.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	50.775, 21.218, -67.287
XYZ	22.443, 19.075, 82.615
xyY	0.181, 0.154, 19.075
CIE-LCH	50.775, 70.554, 287.502
CIE-LUV	50.775, -24.094, -105.479
Hunter-Lab	43.675, 15.293, -81.581
Binary	00101001, 01110100, 11101101

#2974ed
```
#2974ed rgb(41,116,237)
```
#eda229
```
#eda229 rgb(237,162,41)
```

Complementary Color

#29d6ed
```
#29d6ed rgb(41,214,237)
```
#2974ed
```
#2974ed rgb(41,116,237)
```
#4029ed
```
#4029ed rgb(64,41,237)
```

Analogous Color

#d6ed29
```
#d6ed29 rgb(214,237,41)
```
#2974ed
```
#2974ed rgb(41,116,237)
```
#ed4029
```
#ed4029 rgb(237,64,41)
```

Split Complementary Color

#74ed29
```
#74ed29 rgb(116,237,41)
```
#2974ed
```
#2974ed rgb(41,116,237)
```
#ed2974
```
#ed2974 rgb(237,41,116)
```

Triadic Color

#29eda2
```
#29eda2 rgb(41,237,162)
```
#2974ed
```
#2974ed rgb(41,116,237)
```
#ed2974
```
#ed2974 rgb(237,41,116)
```
#eda229
```
#eda229 rgb(237,162,41)
```

Tetradic Color

#1051ba
```
#1051ba rgb(16,81,186)
```
#125bd1
```
#125bd1 rgb(18,91,209)
```
#1465e9
```
#1465e9 rgb(20,101,233)
```
#2974ed
```
#2974ed rgb(41,116,237)
```
#4183ef
```
#4183ef rgb(65,131,239)
```
#5893f1
```
#5893f1 rgb(88,147,241)
```
#70a2f3
```
#70a2f3 rgb(112,162,243)
```

Monochromatic Color

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

#29a5ed
```
#29a5ed rgb(41,165,237)
```
#2995ed
```
#2995ed rgb(41,149,237)
```
#2984ed
```
#2984ed rgb(41,132,237)
```
#2974ed
```
#2974ed rgb(41,116,237)
```
#2964ed
```
#2964ed rgb(41,100,237)
```
#2953ed
```
#2953ed rgb(41,83,237)
```
#2943ed
```
#2943ed rgb(41,67,237)
```

Similar Colors

Text with hexadecimal color #2974ed

This text has a font color of #2974ed.

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

#2974ed background color

This paragraph has a background color of #2974ed.

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

#2974ed border color

This element has a border color of #2974ed.

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

CSS codes

.text {color:#2974ed;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#020915
```
#020915 rgb(2,9,21)
```
#031127
```
#031127 rgb(3,17,39)
```
#051939
```
#051939 rgb(5,25,57)
```
#06214b
```
#06214b rgb(6,33,75)
```
#08295e
```
#08295e rgb(8,41,94)
```
#093170
```
#093170 rgb(9,49,112)
```
#0b3882
```
#0b3882 rgb(11,56,130)
```
#0c4094
```
#0c4094 rgb(12,64,148)
```
#0e48a6
```
#0e48a6 rgb(14,72,166)
```
#0f50b8
```
#0f50b8 rgb(15,80,184)
```
#1158ca
```
#1158ca rgb(17,88,202)
```
#1360dc
```
#1360dc rgb(19,96,220)
```

Shade Color Variation

#1768eb
```
#1768eb rgb(23,104,235)
```
#2974ed
```
#2974ed rgb(41,116,237)
```
#3b80ef
```
#3b80ef rgb(59,128,239)
```
#4d8cf0
```
#4d8cf0 rgb(77,140,240)
```
#5f97f2
```
#5f97f2 rgb(95,151,242)
```
#71a3f3
```
#71a3f3 rgb(113,163,243)
```
#83aff5
```
#83aff5 rgb(131,175,245)
```
#96bbf6
```
#96bbf6 rgb(150,187,246)
```
#a8c6f8
```
#a8c6f8 rgb(168,198,248)
```
#bad2f9
```
#bad2f9 rgb(186,210,249)
```
#ccdefb
```
#ccdefb rgb(204,222,251)
```
#deeafc
```
#deeafc rgb(222,234,252)
```
#f0f5fe
```
#f0f5fe rgb(240,245,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #828994 is the less saturated color, while #1770ff is the most saturated one.

#828994
```
#828994 rgb(130,137,148)
```
#79879d
```
#79879d rgb(121,135,157)
```
#7085a6
```
#7085a6 rgb(112,133,166)
```
#6783af
```
#6783af rgb(103,131,175)
```
#5f81b7
```
#5f81b7 rgb(95,129,183)
```
#567ec0
```
#567ec0 rgb(86,126,192)
```
#4d7cc9
```
#4d7cc9 rgb(77,124,201)
```
#447ad2
```
#447ad2 rgb(68,122,210)
```
#3b78db
```
#3b78db rgb(59,120,219)
```
#3276e4
```
#3276e4 rgb(50,118,228)
```
#2974ed
```
#2974ed rgb(41,116,237)
```
#2072f6
```
#2072f6 rgb(32,114,246)
```
#1770ff
```
#1770ff rgb(23,112,255)
```

Tone Color Variation

Below, you can see how #2974ed 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

#6b6b6b Achromatopsia 0.005% of the population
#5e6d85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#277cee Protanopia 1% of men
#0082d5 Deuteranopia 1% of men
#008c94 Tritanopia 0.001% of the population

Trichromacy

#2879ee Protanomaly 1% of men, 0.01% of women
#0e7dde Deuteranomaly 6% of men, 0.4% of women
#0e83b4 Tritanomaly 0.01% of the population

#2974ed hex color

#2974ed Color Information

#2974ed Color Conversion

Color Schemes with #2974ed

Alternatives to #2974ed

#2974ed Preview

Shades and Tints of #2974ed

Tones of #2974ed

Color Blindness Simulator