#2f79f3 hex color

In a RGB color space, hex #2f79f3 is composed of 18.4% red, 47.5% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 80.7% cyan, 50.2% magenta, 0% yellow and 4.7% black. It has a hue angle of 217.3 degrees, a saturation of 89.1% and a lightness of 56.9%. #2f79f3 color hex could be obtained by blending #5ef2ff with #0000e7. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 18
- G 47
- B 95
RGB color chart
- C 81
- M 50
- Y 0
- K 5
CMYK color chart

● #2f79f3 color description : Bright blue.

The hexadecimal color #2f79f3 has RGB values of R:47, G:121, B:243 and CMYK values of C:0.81, M:0.5, Y:0, K:0.05. Its decimal value is 3111411.

Hex triplet	2f79f3	`#2f79f3`
RGB Decimal	47, 121, 243	`rgb(47,121,243)`
RGB Percent	18.4, 47.5, 95.3	`rgb(18.4%,47.5%,95.3%)`
CMYK	81, 50, 0, 5
HSL	217.3°, 89.1, 56.9	`hsl(217.3,89.1%,56.9%)`
HSV (or HSB)	217.3°, 80.7, 95.3
Web Safe	3366ff	`#3366ff`

CIE-LAB	52.673, 20.831, -67.555
XYZ	24.184, 20.748, 87.519
xyY	0.183, 0.157, 20.748
CIE-LCH	52.673, 70.694, 287.137
CIE-LUV	52.673, -24.696, -106.857
Hunter-Lab	45.55, 15.057, -82.034
Binary	00101111, 01111001, 11110011

#2f79f3
```
#2f79f3 rgb(47,121,243)
```
#f3a92f
```
#f3a92f rgb(243,169,47)
```

Complementary Color

#2fdbf3
```
#2fdbf3 rgb(47,219,243)
```
#2f79f3
```
#2f79f3 rgb(47,121,243)
```
#472ff3
```
#472ff3 rgb(71,47,243)
```

Analogous Color

#dbf32f
```
#dbf32f rgb(219,243,47)
```
#2f79f3
```
#2f79f3 rgb(47,121,243)
```
#f3472f
```
#f3472f rgb(243,71,47)
```

Split Complementary Color

#79f32f
```
#79f32f rgb(121,243,47)
```
#2f79f3
```
#2f79f3 rgb(47,121,243)
```
#f32f79
```
#f32f79 rgb(243,47,121)
```

Triadic Color

#2ff3a9
```
#2ff3a9 rgb(47,243,169)
```
#2f79f3
```
#2f79f3 rgb(47,121,243)
```
#f32f79
```
#f32f79 rgb(243,47,121)
```
#f3a92f
```
#f3a92f rgb(243,169,47)
```

Tetradic Color

#0c53ca
```
#0c53ca rgb(12,83,202)
```
#0d5de2
```
#0d5de2 rgb(13,93,226)
```
#1769f2
```
#1769f2 rgb(23,105,242)
```
#2f79f3
```
#2f79f3 rgb(47,121,243)
```
#4789f4
```
#4789f4 rgb(71,137,244)
```
#5f98f6
```
#5f98f6 rgb(95,152,246)
```
#77a8f7
```
#77a8f7 rgb(119,168,247)
```

Monochromatic Color

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

#2faaf3
```
#2faaf3 rgb(47,170,243)
```
#2f9af3
```
#2f9af3 rgb(47,154,243)
```
#2f89f3
```
#2f89f3 rgb(47,137,243)
```
#2f79f3
```
#2f79f3 rgb(47,121,243)
```
#2f69f3
```
#2f69f3 rgb(47,105,243)
```
#2f58f3
```
#2f58f3 rgb(47,88,243)
```
#2f48f3
```
#2f48f3 rgb(47,72,243)
```

Similar Colors

Text with hexadecimal color #2f79f3

This text has a font color of #2f79f3.

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

#2f79f3 background color

This paragraph has a background color of #2f79f3.

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

#2f79f3 border color

This element has a border color of #2f79f3.

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

CSS codes

.text {color:#2f79f3;}

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

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

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)
```
#041d46
```
#041d46 rgb(4,29,70)
```
#052559
```
#052559 rgb(5,37,89)
```
#062c6b
```
#062c6b rgb(6,44,107)
```
#07347e
```
#07347e rgb(7,52,126)
```
#083c90
```
#083c90 rgb(8,60,144)
```
#0943a3
```
#0943a3 rgb(9,67,163)
```
#0a4bb5
```
#0a4bb5 rgb(10,75,181)
```
#0c53c8
```
#0c53c8 rgb(12,83,200)
```
#0d5adb
```
#0d5adb rgb(13,90,219)
```
#0e62ed
```
#0e62ed rgb(14,98,237)
```

Shade Color Variation

#1c6df2
```
#1c6df2 rgb(28,109,242)
```
#2f79f3
```
#2f79f3 rgb(47,121,243)
```
#4285f4
```
#4285f4 rgb(66,133,244)
```
#5491f5
```
#5491f5 rgb(84,145,245)
```
#679df6
```
#679df6 rgb(103,157,246)
```
#79a9f7
```
#79a9f7 rgb(121,169,247)
```
#8cb5f8
```
#8cb5f8 rgb(140,181,248)
```
#9ec1f9
```
#9ec1f9 rgb(158,193,249)
```
#b1cdfa
```
#b1cdfa rgb(177,205,250)
```
#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, #8c9096 is the less saturated color, while #2777fb is the most saturated one.

#8c9096
```
#8c9096 rgb(140,144,150)
```
#848e9e
```
#848e9e rgb(132,142,158)
```
#7b8ca7
```
#7b8ca7 rgb(123,140,167)
```
#738aaf
```
#738aaf rgb(115,138,175)
```
#6a88b8
```
#6a88b8 rgb(106,136,184)
```
#6285c0
```
#6285c0 rgb(98,133,192)
```
#5983c9
```
#5983c9 rgb(89,131,201)
```
#5181d1
```
#5181d1 rgb(81,129,209)
```
#487fda
```
#487fda rgb(72,127,218)
```
#407de2
```
#407de2 rgb(64,125,226)
```
#377beb
```
#377beb rgb(55,123,235)
```
#2f79f3
```
#2f79f3 rgb(47,121,243)
```
#2777fb
```
#2777fb rgb(39,119,251)
```

Tone Color Variation

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

#3180f4 Protanopia 1% of men
#0087dd Deuteranopia 1% of men
#00919a Tritanopia 0.001% of the population

Trichromacy

#307df3 Protanomaly 1% of men, 0.01% of women
#1182e5 Deuteranomaly 6% of men, 0.4% of women
#1188ba Tritanomaly 0.01% of the population

#2f79f3 hex color

#2f79f3 Color Information

#2f79f3 Color Conversion

Color Schemes with #2f79f3

Alternatives to #2f79f3

#2f79f3 Preview

Shades and Tints of #2f79f3

Tones of #2f79f3

Color Blindness Simulator