colorhexa.com

#2e79f4 hex color

In a RGB color space, hex #2e79f4 is composed of 18% red, 47.5% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 81.1% cyan, 50.4% magenta, 0% yellow and 4.3% black. It has a hue angle of 217.3 degrees, a saturation of 90% and a lightness of 56.9%. #2e79f4 color hex could be obtained by blending #5cf2ff with #0000e9. Closest websafe color is: #3366ff.

- R 18
- G 47
- B 96
RGB color chart
- C 81
- M 50
- Y 0
- K 4
CMYK color chart

● #2e79f4 color description : Bright blue.

The hexadecimal color #2e79f4 has RGB values of R:46, G:121, B:244 and CMYK values of C:0.81, M:0.5, Y:0, K:0.04. Its decimal value is 3045876.

Hex triplet	2e79f4	`#2e79f4`
RGB Decimal	46, 121, 244	`rgb(46,121,244)`
RGB Percent	18, 47.5, 95.7	`rgb(18%,47.5%,95.7%)`
CMYK	81, 50, 0, 4
HSL	217.3°, 90, 56.9	`hsl(217.3,90%,56.9%)`
HSV (or HSB)	217.3°, 81.1, 95.7
Web Safe	3366ff	`#3366ff`

CIE-LAB	52.714, 21.116, -68.046
XYZ	24.29, 20.785, 88.315
xyY	0.182, 0.156, 20.785
CIE-LCH	52.714, 71.247, 287.24
CIE-LUV	52.714, -24.795, -107.645
Hunter-Lab	45.591, 15.316, -82.938
Binary	00101110, 01111001, 11110100

#2e79f4
```
#2e79f4 rgb(46,121,244)
```
#f4a92e
```
#f4a92e rgb(244,169,46)
```

Complementary Color

#2edcf4
```
#2edcf4 rgb(46,220,244)
```
#2e79f4
```
#2e79f4 rgb(46,121,244)
```
#462ef4
```
#462ef4 rgb(70,46,244)
```

Analogous Color

#dcf42e
```
#dcf42e rgb(220,244,46)
```
#2e79f4
```
#2e79f4 rgb(46,121,244)
```
#f4462e
```
#f4462e rgb(244,70,46)
```

Split Complementary Color

#79f42e
```
#79f42e rgb(121,244,46)
```
#2e79f4
```
#2e79f4 rgb(46,121,244)
```
#f42e79
```
#f42e79 rgb(244,46,121)
```

Triadic Color

#2ef4a9
```
#2ef4a9 rgb(46,244,169)
```
#2e79f4
```
#2e79f4 rgb(46,121,244)
```
#f42e79
```
#f42e79 rgb(244,46,121)
```
#f4a92e
```
#f4a92e rgb(244,169,46)
```

Tetradic Color

#0b53cb
```
#0b53cb rgb(11,83,203)
```
#0c5de3
```
#0c5de3 rgb(12,93,227)
```
#1669f3
```
#1669f3 rgb(22,105,243)
```
#2e79f4
```
#2e79f4 rgb(46,121,244)
```
#4689f5
```
#4689f5 rgb(70,137,245)
```
#5e98f7
```
#5e98f7 rgb(94,152,247)
```
#77a8f8
```
#77a8f8 rgb(119,168,248)
```

Monochromatic Color

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

#2eabf4
```
#2eabf4 rgb(46,171,244)
```
#2e9af4
```
#2e9af4 rgb(46,154,244)
```
#2e8af4
```
#2e8af4 rgb(46,138,244)
```
#2e79f4
```
#2e79f4 rgb(46,121,244)
```
#2e69f4
```
#2e69f4 rgb(46,105,244)
```
#2e58f4
```
#2e58f4 rgb(46,88,244)
```
#2e48f4
```
#2e48f4 rgb(46,72,244)
```

Similar Colors

Text with hexadecimal color #2e79f4

This text has a font color of #2e79f4.

<span style="color:#2e79f4;">Text here</span>

#2e79f4 background color

This paragraph has a background color of #2e79f4.

<p style="background-color:#2e79f4;">Content here</p>

#2e79f4 border color

This element has a border color of #2e79f4.

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

CSS codes

.text {color:#2e79f4;}

.background {background-color:#2e79f4;}

.border {border:1px solid #2e79f4;}

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

#01060f
```
#01060f rgb(1,6,15)
```
#020e21
```
#020e21 rgb(2,14,33)
```
#031534
```
#031534 rgb(3,21,52)
```
#041d47
```
#041d47 rgb(4,29,71)
```
#052559
```
#052559 rgb(5,37,89)
```
#062c6c
```
#062c6c rgb(6,44,108)
```
#07347e
```
#07347e rgb(7,52,126)
```
#083c91
```
#083c91 rgb(8,60,145)
```
#0943a4
```
#0943a4 rgb(9,67,164)
```
#0a4bb6
```
#0a4bb6 rgb(10,75,182)
```
#0b53c9
```
#0b53c9 rgb(11,83,201)
```
#0c5adc
```
#0c5adc rgb(12,90,220)
```
#0d62ee
```
#0d62ee rgb(13,98,238)
```

Shade Color Variation

#1b6df3
```
#1b6df3 rgb(27,109,243)
```
#2e79f4
```
#2e79f4 rgb(46,121,244)
```
#4185f5
```
#4185f5 rgb(65,133,245)
```
#5391f6
```
#5391f6 rgb(83,145,246)
```
#669df7
```
#669df7 rgb(102,157,247)
```
#79a9f8
```
#79a9f8 rgb(121,169,248)
```
#8bb5f9
```
#8bb5f9 rgb(139,181,249)
```
#9ec1fa
```
#9ec1fa rgb(158,193,250)
```
#b0cdfb
```
#b0cdfb rgb(176,205,251)
```
#c3d9fc
```
#c3d9fc rgb(195,217,252)
```
#d6e5fd
```
#d6e5fd rgb(214,229,253)
```
#e8f0fe
```
#e8f0fe rgb(232,240,254)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#8b9097
```
#8b9097 rgb(139,144,151)
```
#838e9f
```
#838e9f rgb(131,142,159)
```
#7a8ba8
```
#7a8ba8 rgb(122,139,168)
```
#7289b0
```
#7289b0 rgb(114,137,176)
```
#6987b9
```
#6987b9 rgb(105,135,185)
```
#6185c1
```
#6185c1 rgb(97,133,193)
```
#5883ca
```
#5883ca rgb(88,131,202)
```
#5081d2
```
#5081d2 rgb(80,129,210)
```
#477fdb
```
#477fdb rgb(71,127,219)
```
#3f7de3
```
#3f7de3 rgb(63,125,227)
```
#367bec
```
#367bec rgb(54,123,236)
```
#2e79f4
```
#2e79f4 rgb(46,121,244)
```
#2677fc
```
#2677fc rgb(38,119,252)
```

Tone Color Variation

Below, you can see how #2e79f4 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

#717171 Achromatopsia 0.005% of the population
#64738b Atypical Achromatopsia 0.001% of the population

Dichromacy

#2f80f5 Protanopia 1% of men
#0087dd Deuteranopia 1% of men
#00919a Tritanopia 0.001% of the population

Trichromacy

#2f7df4 Protanomaly 1% of men, 0.01% of women
#1082e5 Deuteranomaly 6% of men, 0.4% of women
#1088ba Tritanomaly 0.01% of the population