#2972ec hex color

In a RGB color space, hex #2972ec is composed of 16.1% red, 44.7% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 82.6% cyan, 51.7% magenta, 0% yellow and 7.5% black. It has a hue angle of 217.5 degrees, a saturation of 83.7% and a lightness of 54.3%. #2972ec color hex could be obtained by blending #52e4ff with #0000d9. 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

● #2972ec color description : Bright blue.

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

Hex triplet	2972ec	`#2972ec`
RGB Decimal	41, 114, 236	`rgb(41,114,236)`
RGB Percent	16.1, 44.7, 92.5	`rgb(16.1%,44.7%,92.5%)`
CMYK	83, 52, 0, 7
HSL	217.5°, 83.7, 54.3	`hsl(217.5,83.7%,54.3%)`
HSV (or HSB)	217.5°, 82.6, 92.5
Web Safe	3366ff	`#3366ff`

CIE-LAB	50.169, 22.104, -67.709
XYZ	22.069, 18.56, 81.772
xyY	0.18, 0.152, 18.56
CIE-LCH	50.169, 71.226, 288.08
CIE-LUV	50.169, -23.545, -105.837
Hunter-Lab	43.082, 16.044, -82.379
Binary	00101001, 01110010, 11101100

#2972ec
```
#2972ec rgb(41,114,236)
```
#eca329
```
#eca329 rgb(236,163,41)
```

Complementary Color

#29d4ec
```
#29d4ec rgb(41,212,236)
```
#2972ec
```
#2972ec rgb(41,114,236)
```
#4129ec
```
#4129ec rgb(65,41,236)
```

Analogous Color

#d4ec29
```
#d4ec29 rgb(212,236,41)
```
#2972ec
```
#2972ec rgb(41,114,236)
```
#ec4129
```
#ec4129 rgb(236,65,41)
```

Split Complementary Color

#72ec29
```
#72ec29 rgb(114,236,41)
```
#2972ec
```
#2972ec rgb(41,114,236)
```
#ec2972
```
#ec2972 rgb(236,41,114)
```

Triadic Color

#29eca3
```
#29eca3 rgb(41,236,163)
```
#2972ec
```
#2972ec rgb(41,114,236)
```
#ec2972
```
#ec2972 rgb(236,41,114)
```
#eca329
```
#eca329 rgb(236,163,41)
```

Tetradic Color

#104fb8
```
#104fb8 rgb(16,79,184)
```
#1259d0
```
#1259d0 rgb(18,89,208)
```
#1563e7
```
#1563e7 rgb(21,99,231)
```
#2972ec
```
#2972ec rgb(41,114,236)
```
#4081ee
```
#4081ee rgb(64,129,238)
```
#5891f0
```
#5891f0 rgb(88,145,240)
```
#6fa0f2
```
#6fa0f2 rgb(111,160,242)
```

Monochromatic Color

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

#29a3ec
```
#29a3ec rgb(41,163,236)
```
#2993ec
```
#2993ec rgb(41,147,236)
```
#2982ec
```
#2982ec rgb(41,130,236)
```
#2972ec
```
#2972ec rgb(41,114,236)
```
#2962ec
```
#2962ec rgb(41,98,236)
```
#2952ec
```
#2952ec rgb(41,82,236)
```
#2941ec
```
#2941ec rgb(41,65,236)
```

Similar Colors

Text with hexadecimal color #2972ec

This text has a font color of #2972ec.

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

#2972ec background color

This paragraph has a background color of #2972ec.

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

#2972ec border color

This element has a border color of #2972ec.

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

CSS codes

.text {color:#2972ec;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#020914
```
#020914 rgb(2,9,20)
```
#031026
```
#031026 rgb(3,16,38)
```
#051838
```
#051838 rgb(5,24,56)
```
#07204a
```
#07204a rgb(7,32,74)
```
#08285c
```
#08285c rgb(8,40,92)
```
#0a2f6e
```
#0a2f6e rgb(10,47,110)
```
#0b3780
```
#0b3780 rgb(11,55,128)
```
#0d3f92
```
#0d3f92 rgb(13,63,146)
```
#0f47a4
```
#0f47a4 rgb(15,71,164)
```
#104eb6
```
#104eb6 rgb(16,78,182)
```
#1256c8
```
#1256c8 rgb(18,86,200)
```
#135eda
```
#135eda rgb(19,94,218)
```

Shade Color Variation

#1766ea
```
#1766ea rgb(23,102,234)
```
#2972ec
```
#2972ec rgb(41,114,236)
```
#3b7eee
```
#3b7eee rgb(59,126,238)
```
#4d8aef
```
#4d8aef rgb(77,138,239)
```
#5f96f1
```
#5f96f1 rgb(95,150,241)
```
#71a1f2
```
#71a1f2 rgb(113,161,242)
```
#83adf4
```
#83adf4 rgb(131,173,244)
```
#95b9f6
```
#95b9f6 rgb(149,185,246)
```
#a7c5f7
```
#a7c5f7 rgb(167,197,247)
```
#b9d1f9
```
#b9d1f9 rgb(185,209,249)
```
#cbddfa
```
#cbddfa rgb(203,221,250)
```
#dde9fc
```
#dde9fc rgb(221,233,252)
```
#eff5fe
```
#eff5fe rgb(239,245,254)
```

Tint Color Variation

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

#838992
```
#838992 rgb(131,137,146)
```
#7a869b
```
#7a869b rgb(122,134,155)
```
#7184a4
```
#7184a4 rgb(113,132,164)
```
#6882ad
```
#6882ad rgb(104,130,173)
```
#5f80b6
```
#5f80b6 rgb(95,128,182)
```
#567dbf
```
#567dbf rgb(86,125,191)
```
#4d7bc8
```
#4d7bc8 rgb(77,123,200)
```
#4479d1
```
#4479d1 rgb(68,121,209)
```
#3b77da
```
#3b77da rgb(59,119,218)
```
#3274e3
```
#3274e3 rgb(50,116,227)
```
#2972ec
```
#2972ec rgb(41,114,236)
```
#2070f5
```
#2070f5 rgb(32,112,245)
```
#176dfe
```
#176dfe rgb(23,109,254)
```

Tone Color Variation

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

#1e7aee Protanopia 1% of men
#0081d3 Deuteranopia 1% of men
#008a92 Tritanopia 0.001% of the population

Trichromacy

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

#2972ec hex color

#2972ec Color Information

#2972ec Color Conversion

Color Schemes with #2972ec

Alternatives to #2972ec

#2972ec Preview

Shades and Tints of #2972ec

Tones of #2972ec

Color Blindness Simulator