#2f84e3 hex color

In a RGB color space, hex #2f84e3 is composed of 18.4% red, 51.8% green and 89% blue. Whereas in a CMYK color space, it is composed of 79.3% cyan, 41.9% magenta, 0% yellow and 11% black. It has a hue angle of 211.7 degrees, a saturation of 76.3% and a lightness of 53.7%. #2f84e3 color hex could be obtained by blending #5effff with #0009c7. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 18
- G 52
- B 89
RGB color chart
- C 79
- M 42
- Y 0
- K 11
CMYK color chart

● #2f84e3 color description : Bright blue.

The hexadecimal color #2f84e3 has RGB values of R:47, G:132, B:227 and CMYK values of C:0.79, M:0.42, Y:0, K:0.11. Its decimal value is 3114211.

Hex triplet	2f84e3	`#2f84e3`
RGB Decimal	47, 132, 227	`rgb(47,132,227)`
RGB Percent	18.4, 51.8, 89	`rgb(18.4%,51.8%,89%)`
CMYK	79, 42, 0, 11
HSL	211.7°, 76.3, 53.7	`hsl(211.7,76.3%,53.7%)`
HSV (or HSB)	211.7°, 79.3, 89
Web Safe	3399cc	`#3399cc`

CIE-LAB	54.711, 8.073, -55.351
XYZ	23.286, 22.651, 75.814
xyY	0.191, 0.186, 22.651
CIE-LCH	54.711, 55.936, 278.298
CIE-LUV	54.711, -28.523, -87.554
Hunter-Lab	47.593, 4.045, -61.131
Binary	00101111, 10000100, 11100011

#2f84e3
```
#2f84e3 rgb(47,132,227)
```
#e38e2f
```
#e38e2f rgb(227,142,47)
```

Complementary Color

#2fdee3
```
#2fdee3 rgb(47,222,227)
```
#2f84e3
```
#2f84e3 rgb(47,132,227)
```
#342fe3
```
#342fe3 rgb(52,47,227)
```

Analogous Color

#dee32f
```
#dee32f rgb(222,227,47)
```
#2f84e3
```
#2f84e3 rgb(47,132,227)
```
#e3342f
```
#e3342f rgb(227,52,47)
```

Split Complementary Color

#84e32f
```
#84e32f rgb(132,227,47)
```
#2f84e3
```
#2f84e3 rgb(47,132,227)
```
#e32f84
```
#e32f84 rgb(227,47,132)
```

Triadic Color

#2fe38e
```
#2fe38e rgb(47,227,142)
```
#2f84e3
```
#2f84e3 rgb(47,132,227)
```
#e32f84
```
#e32f84 rgb(227,47,132)
```
#e38e2f
```
#e38e2f rgb(227,142,47)
```

Tetradic Color

#175fae
```
#175fae rgb(23,95,174)
```
#1a6bc5
```
#1a6bc5 rgb(26,107,197)
```
#1d77db
```
#1d77db rgb(29,119,219)
```
#2f84e3
```
#2f84e3 rgb(47,132,227)
```
#4591e6
```
#4591e6 rgb(69,145,230)
```
#5c9fe9
```
#5c9fe9 rgb(92,159,233)
```
#72acec
```
#72acec rgb(114,172,236)
```

Monochromatic Color

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

#2fb1e3
```
#2fb1e3 rgb(47,177,227)
```
#2fa2e3
```
#2fa2e3 rgb(47,162,227)
```
#2f93e3
```
#2f93e3 rgb(47,147,227)
```
#2f84e3
```
#2f84e3 rgb(47,132,227)
```
#2f75e3
```
#2f75e3 rgb(47,117,227)
```
#2f66e3
```
#2f66e3 rgb(47,102,227)
```
#2f57e3
```
#2f57e3 rgb(47,87,227)
```

Similar Colors

Text with hexadecimal color #2f84e3

This text has a font color of #2f84e3.

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

#2f84e3 background color

This paragraph has a background color of #2f84e3.

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

#2f84e3 border color

This element has a border color of #2f84e3.

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

CSS codes

.text {color:#2f84e3;}

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

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

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

#020911
```
#020911 rgb(2,9,17)
```
#051222
```
#051222 rgb(5,18,34)
```
#071c33
```
#071c33 rgb(7,28,51)
```
#092545
```
#092545 rgb(9,37,69)
```
#0c2f56
```
#0c2f56 rgb(12,47,86)
```
#0e3867
```
#0e3867 rgb(14,56,103)
```
#104178
```
#104178 rgb(16,65,120)
```
#134b8a
```
#134b8a rgb(19,75,138)
```
#15549b
```
#15549b rgb(21,84,155)
```
#175eac
```
#175eac rgb(23,94,172)
```
#1a67be
```
#1a67be rgb(26,103,190)
```
#1c70cf
```
#1c70cf rgb(28,112,207)
```
#1e7ae0
```
#1e7ae0 rgb(30,122,224)
```

Shade Color Variation

#2f84e3
```
#2f84e3 rgb(47,132,227)
```
#408ee5
```
#408ee5 rgb(64,142,229)
```
#5298e8
```
#5298e8 rgb(82,152,232)
```
#63a3ea
```
#63a3ea rgb(99,163,234)
```
#74adec
```
#74adec rgb(116,173,236)
```
#85b7ef
```
#85b7ef rgb(133,183,239)
```
#97c1f1
```
#97c1f1 rgb(151,193,241)
```
#a8ccf3
```
#a8ccf3 rgb(168,204,243)
```
#b9d6f6
```
#b9d6f6 rgb(185,214,246)
```
#cbe0f8
```
#cbe0f8 rgb(203,224,248)
```
#dceafa
```
#dceafa rgb(220,234,250)
```
#edf4fd
```
#edf4fd rgb(237,244,253)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#818991
```
#818991 rgb(129,137,145)
```
#78889a
```
#78889a rgb(120,136,154)
```
#6f88a3
```
#6f88a3 rgb(111,136,163)
```
#6587ad
```
#6587ad rgb(101,135,173)
```
#5c87b6
```
#5c87b6 rgb(92,135,182)
```
#5386bf
```
#5386bf rgb(83,134,191)
```
#4a86c8
```
#4a86c8 rgb(74,134,200)
```
#4185d1
```
#4185d1 rgb(65,133,209)
```
#3885da
```
#3885da rgb(56,133,218)
```
#2f84e3
```
#2f84e3 rgb(47,132,227)
```
#2683ec
```
#2683ec rgb(38,131,236)
```
#1d83f5
```
#1d83f5 rgb(29,131,245)
```
#1482fe
```
#1482fe rgb(20,130,254)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#67788b Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d86e1 Protanopia 1% of men
#318be4 Deuteranopia 1% of men
#0096a0 Tritanopia 0.001% of the population

Trichromacy

#4c85e1 Protanomaly 1% of men, 0.01% of women
#3088e3 Deuteranomaly 6% of men, 0.4% of women
#118fb8 Tritanomaly 0.01% of the population

#2f84e3 hex color

#2f84e3 Color Information

#2f84e3 Color Conversion

Color Schemes with #2f84e3

Alternatives to #2f84e3

#2f84e3 Preview

Shades and Tints of #2f84e3

Tones of #2f84e3

Color Blindness Simulator