#2978f7 hex color

In a RGB color space, hex #2978f7 is composed of 16.1% red, 47.1% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 83.4% cyan, 51.4% magenta, 0% yellow and 3.1% black. It has a hue angle of 217 degrees, a saturation of 92.8% and a lightness of 56.5%. #2978f7 color hex could be obtained by blending #52f0ff with #0000ef. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 16
- G 47
- B 97
RGB color chart
- C 83
- M 51
- Y 0
- K 3
CMYK color chart

● #2978f7 color description : Bright blue.

The hexadecimal color #2978f7 has RGB values of R:41, G:120, B:247 and CMYK values of C:0.83, M:0.51, Y:0, K:0.03. Its decimal value is 2717943.

Hex triplet	2978f7	`#2978f7`
RGB Decimal	41, 120, 247	`rgb(41,120,247)`
RGB Percent	16.1, 47.1, 96.9	`rgb(16.1%,47.1%,96.9%)`
CMYK	83, 51, 0, 3
HSL	217°, 92.8, 56.5	`hsl(217,92.8%,56.5%)`
HSV (or HSB)	217°, 83.4, 96.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	52.529, 22.462, -70.018
XYZ	24.416, 20.618, 90.683
xyY	0.18, 0.152, 20.618
CIE-LCH	52.529, 73.533, 287.786
CIE-LUV	52.529, -24.999, -110.623
Hunter-Lab	45.407, 16.52, -86.625
Binary	00101001, 01111000, 11110111

#2978f7
```
#2978f7 rgb(41,120,247)
```
#f7a829
```
#f7a829 rgb(247,168,41)
```

Complementary Color

#29dff7
```
#29dff7 rgb(41,223,247)
```
#2978f7
```
#2978f7 rgb(41,120,247)
```
#4129f7
```
#4129f7 rgb(65,41,247)
```

Analogous Color

#dff729
```
#dff729 rgb(223,247,41)
```
#2978f7
```
#2978f7 rgb(41,120,247)
```
#f74129
```
#f74129 rgb(247,65,41)
```

Split Complementary Color

#78f729
```
#78f729 rgb(120,247,41)
```
#2978f7
```
#2978f7 rgb(41,120,247)
```
#f72978
```
#f72978 rgb(247,41,120)
```

Triadic Color

#29f7a8
```
#29f7a8 rgb(41,247,168)
```
#2978f7
```
#2978f7 rgb(41,120,247)
```
#f72978
```
#f72978 rgb(247,41,120)
```
#f7a829
```
#f7a829 rgb(247,168,41)
```

Tetradic Color

#0853cc
```
#0853cc rgb(8,83,204)
```
#095de4
```
#095de4 rgb(9,93,228)
```
#1068f6
```
#1068f6 rgb(16,104,246)
```
#2978f7
```
#2978f7 rgb(41,120,247)
```
#4288f8
```
#4288f8 rgb(66,136,248)
```
#5a97f9
```
#5a97f9 rgb(90,151,249)
```
#73a7fa
```
#73a7fa rgb(115,167,250)
```

Monochromatic Color

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

#29acf7
```
#29acf7 rgb(41,172,247)
```
#299af7
```
#299af7 rgb(41,154,247)
```
#2989f7
```
#2989f7 rgb(41,137,247)
```
#2978f7
```
#2978f7 rgb(41,120,247)
```
#2967f7
```
#2967f7 rgb(41,103,247)
```
#2956f7
```
#2956f7 rgb(41,86,247)
```
#2944f7
```
#2944f7 rgb(41,68,247)
```

Similar Colors

Text with hexadecimal color #2978f7

This text has a font color of #2978f7.

<span style="color:#2978f7;">Text here</span>

#2978f7 background color

This paragraph has a background color of #2978f7.

<p style="background-color:#2978f7;">Content here</p>

#2978f7 border color

This element has a border color of #2978f7.

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

CSS codes

.text {color:#2978f7;}

.background {background-color:#2978f7;}

.border {border:1px solid #2978f7;}

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, #00050d is the darkest color, while #f9fbff is the lightest one.

#00050d
```
#00050d rgb(0,5,13)
```
#010d20
```
#010d20 rgb(1,13,32)
```
#021533
```
#021533 rgb(2,21,51)
```
#031c46
```
#031c46 rgb(3,28,70)
```
#032459
```
#032459 rgb(3,36,89)
```
#042c6b
```
#042c6b rgb(4,44,107)
```
#05337e
```
#05337e rgb(5,51,126)
```
#053b91
```
#053b91 rgb(5,59,145)
```
#0643a4
```
#0643a4 rgb(6,67,164)
```
#074ab7
```
#074ab7 rgb(7,74,183)
```
#0852ca
```
#0852ca rgb(8,82,202)
```
#085add
```
#085add rgb(8,90,221)
```
#0961f0
```
#0961f0 rgb(9,97,240)
```

Shade Color Variation

#166cf6
```
#166cf6 rgb(22,108,246)
```
#2978f7
```
#2978f7 rgb(41,120,247)
```
#3c84f8
```
#3c84f8 rgb(60,132,248)
```
#4f90f8
```
#4f90f8 rgb(79,144,248)
```
#629cf9
```
#629cf9 rgb(98,156,249)
```
#75a8fa
```
#75a8fa rgb(117,168,250)
```
#88b4fb
```
#88b4fb rgb(136,180,251)
```
#9ac0fb
```
#9ac0fb rgb(154,192,251)
```
#adcbfc
```
#adcbfc rgb(173,203,252)
```
#c0d7fd
```
#c0d7fd rgb(192,215,253)
```
#d3e3fd
```
#d3e3fd rgb(211,227,253)
```
#e6effe
```
#e6effe rgb(230,239,254)
```
#f9fbff
```
#f9fbff rgb(249,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f9091 is the less saturated color, while #2978f7 is the most saturated one.

#8f9091
```
#8f9091 rgb(143,144,145)
```
#878e99
```
#878e99 rgb(135,142,153)
```
#7e8ca2
```
#7e8ca2 rgb(126,140,162)
```
#768aaa
```
#768aaa rgb(118,138,170)
```
#6d88b3
```
#6d88b3 rgb(109,136,179)
```
#6586bb
```
#6586bb rgb(101,134,187)
```
#5c84c4
```
#5c84c4 rgb(92,132,196)
```
#5482cc
```
#5482cc rgb(84,130,204)
```
#4b80d5
```
#4b80d5 rgb(75,128,213)
```
#437edd
```
#437edd rgb(67,126,221)
```
#3a7ce6
```
#3a7ce6 rgb(58,124,230)
```
#327aee
```
#327aee rgb(50,122,238)
```
#2978f7
```
#2978f7 rgb(41,120,247)
```

Tone Color Variation

Below, you can see how #2978f7 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

#6f6f6f Achromatopsia 0.005% of the population
#61718a Atypical Achromatopsia 0.001% of the population

Dichromacy

#2180f8 Protanopia 1% of men
#0086dc Deuteranopia 1% of men
#009199 Tritanopia 0.001% of the population

Trichromacy

#247df7 Protanomaly 1% of men, 0.01% of women
#0e81e6 Deuteranomaly 6% of men, 0.4% of women
#0e87bb Tritanomaly 0.01% of the population

#2978f7 hex color

#2978f7 Color Information

#2978f7 Color Conversion

Color Schemes with #2978f7

Alternatives to #2978f7

#2978f7 Preview

Shades and Tints of #2978f7

Tones of #2978f7

Color Blindness Simulator