#2972ed hex color

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

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

● #2972ed color description : Bright blue.

The hexadecimal color #2972ed has RGB values of R:41, G:114, B:237 and CMYK values of C:0.83, M:0.52, Y:0, K:0.07. Its decimal value is 2716397.

Hex triplet	2972ed	`#2972ed`
RGB Decimal	41, 114, 237	`rgb(41,114,237)`
RGB Percent	16.1, 44.7, 92.9	`rgb(16.1%,44.7%,92.9%)`
CMYK	83, 52, 0, 7
HSL	217.7°, 84.5, 54.5	`hsl(217.7,84.5%,54.5%)`
HSV (or HSB)	217.7°, 82.7, 92.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	50.238, 22.481, -68.157
XYZ	22.214, 18.619, 82.539
xyY	0.18, 0.151, 18.619
CIE-LCH	50.238, 71.768, 288.255
CIE-LUV	50.238, -23.524, -106.568
Hunter-Lab	43.149, 16.385, -83.209
Binary	00101001, 01110010, 11101101

#2972ed
```
#2972ed rgb(41,114,237)
```
#eda429
```
#eda429 rgb(237,164,41)
```

Complementary Color

#29d4ed
```
#29d4ed rgb(41,212,237)
```
#2972ed
```
#2972ed rgb(41,114,237)
```
#4229ed
```
#4229ed rgb(66,41,237)
```

Analogous Color

#d4ed29
```
#d4ed29 rgb(212,237,41)
```
#2972ed
```
#2972ed rgb(41,114,237)
```
#ed4229
```
#ed4229 rgb(237,66,41)
```

Split Complementary Color

#72ed29
```
#72ed29 rgb(114,237,41)
```
#2972ed
```
#2972ed rgb(41,114,237)
```
#ed2972
```
#ed2972 rgb(237,41,114)
```

Triadic Color

#29eda4
```
#29eda4 rgb(41,237,164)
```
#2972ed
```
#2972ed rgb(41,114,237)
```
#ed2972
```
#ed2972 rgb(237,41,114)
```
#eda429
```
#eda429 rgb(237,164,41)
```

Tetradic Color

#104fba
```
#104fba rgb(16,79,186)
```
#1259d1
```
#1259d1 rgb(18,89,209)
```
#1463e9
```
#1463e9 rgb(20,99,233)
```
#2972ed
```
#2972ed rgb(41,114,237)
```
#4181ef
```
#4181ef rgb(65,129,239)
```
#5891f1
```
#5891f1 rgb(88,145,241)
```
#70a0f3
```
#70a0f3 rgb(112,160,243)
```

Monochromatic Color

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

#29a3ed
```
#29a3ed rgb(41,163,237)
```
#2993ed
```
#2993ed rgb(41,147,237)
```
#2982ed
```
#2982ed rgb(41,130,237)
```
#2972ed
```
#2972ed rgb(41,114,237)
```
#2962ed
```
#2962ed rgb(41,98,237)
```
#2951ed
```
#2951ed rgb(41,81,237)
```
#2941ed
```
#2941ed rgb(41,65,237)
```

Similar Colors

Text with hexadecimal color #2972ed

This text has a font color of #2972ed.

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

#2972ed background color

This paragraph has a background color of #2972ed.

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

#2972ed border color

This element has a border color of #2972ed.

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

CSS codes

.text {color:#2972ed;}

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

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

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)
```
#051839
```
#051839 rgb(5,24,57)
```
#06204b
```
#06204b rgb(6,32,75)
```
#08285e
```
#08285e rgb(8,40,94)
```
#092f70
```
#092f70 rgb(9,47,112)
```
#0b3782
```
#0b3782 rgb(11,55,130)
```
#0c3f94
```
#0c3f94 rgb(12,63,148)
```
#0e47a6
```
#0e47a6 rgb(14,71,166)
```
#0f4eb8
```
#0f4eb8 rgb(15,78,184)
```
#1156ca
```
#1156ca rgb(17,86,202)
```
#135edc
```
#135edc rgb(19,94,220)
```

Shade Color Variation

#1766eb
```
#1766eb rgb(23,102,235)
```
#2972ed
```
#2972ed rgb(41,114,237)
```
#3b7eef
```
#3b7eef rgb(59,126,239)
```
#4d8af0
```
#4d8af0 rgb(77,138,240)
```
#5f96f2
```
#5f96f2 rgb(95,150,242)
```
#71a2f3
```
#71a2f3 rgb(113,162,243)
```
#83aef5
```
#83aef5 rgb(131,174,245)
```
#96baf6
```
#96baf6 rgb(150,186,246)
```
#a8c5f8
```
#a8c5f8 rgb(168,197,248)
```
#bad1f9
```
#bad1f9 rgb(186,209,249)
```
#ccddfb
```
#ccddfb rgb(204,221,251)
```
#dee9fc
```
#dee9fc rgb(222,233,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 #176dff is the most saturated one.

#828994
```
#828994 rgb(130,137,148)
```
#79869d
```
#79869d rgb(121,134,157)
```
#7084a6
```
#7084a6 rgb(112,132,166)
```
#6782af
```
#6782af rgb(103,130,175)
```
#5f80b7
```
#5f80b7 rgb(95,128,183)
```
#567dc0
```
#567dc0 rgb(86,125,192)
```
#4d7bc9
```
#4d7bc9 rgb(77,123,201)
```
#4479d2
```
#4479d2 rgb(68,121,210)
```
#3b77db
```
#3b77db rgb(59,119,219)
```
#3274e4
```
#3274e4 rgb(50,116,228)
```
#2972ed
```
#2972ed rgb(41,114,237)
```
#2070f6
```
#2070f6 rgb(32,112,246)
```
#176dff
```
#176dff rgb(23,109,255)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#5d6c84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1a7aef Protanopia 1% of men
#0081d3 Deuteranopia 1% of men
#008b93 Tritanopia 0.001% of the population

Trichromacy

#1f77ee Protanomaly 1% of men, 0.01% of women
#0e7bdc Deuteranomaly 6% of men, 0.4% of women
#0e81b3 Tritanomaly 0.01% of the population

#2972ed hex color

#2972ed Color Information

#2972ed Color Conversion

Color Schemes with #2972ed

Alternatives to #2972ed

#2972ed Preview

Shades and Tints of #2972ed

Tones of #2972ed

Color Blindness Simulator