#2f84ee hex color

In a RGB color space, hex #2f84ee is composed of 18.4% red, 51.8% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 80.3% cyan, 44.5% magenta, 0% yellow and 6.7% black. It has a hue angle of 213.3 degrees, a saturation of 84.9% and a lightness of 55.9%. #2f84ee color hex could be obtained by blending #5effff with #0009dd. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 18
- G 52
- B 93
RGB color chart
- C 80
- M 45
- Y 0
- K 7
CMYK color chart

● #2f84ee color description : Bright blue.

The hexadecimal color #2f84ee has RGB values of R:47, G:132, B:238 and CMYK values of C:0.8, M:0.45, Y:0, K:0.07. Its decimal value is 3114222.

Hex triplet	2f84ee	`#2f84ee`
RGB Decimal	47, 132, 238	`rgb(47,132,238)`
RGB Percent	18.4, 51.8, 93.3	`rgb(18.4%,51.8%,93.3%)`
CMYK	80, 45, 0, 7
HSL	213.3°, 84.9, 55.9	`hsl(213.3,84.9%,55.9%)`
HSV (or HSB)	213.3°, 80.3, 93.3
Web Safe	3399ff	`#3399ff`

CIE-LAB	55.357, 12.154, -60.449
XYZ	24.853, 23.278, 84.067
xyY	0.188, 0.176, 23.278
CIE-LCH	55.357, 61.658, 281.368
CIE-LUV	55.357, -28.133, -96.281
Hunter-Lab	48.247, 7.515, -69.536
Binary	00101111, 10000100, 11101110

#2f84ee
```
#2f84ee rgb(47,132,238)
```
#ee992f
```
#ee992f rgb(238,153,47)
```

Complementary Color

#2fe4ee
```
#2fe4ee rgb(47,228,238)
```
#2f84ee
```
#2f84ee rgb(47,132,238)
```
#3a2fee
```
#3a2fee rgb(58,47,238)
```

Analogous Color

#e4ee2f
```
#e4ee2f rgb(228,238,47)
```
#2f84ee
```
#2f84ee rgb(47,132,238)
```
#ee3a2f
```
#ee3a2f rgb(238,58,47)
```

Split Complementary Color

#84ee2f
```
#84ee2f rgb(132,238,47)
```
#2f84ee
```
#2f84ee rgb(47,132,238)
```
#ee2f84
```
#ee2f84 rgb(238,47,132)
```

Triadic Color

#2fee99
```
#2fee99 rgb(47,238,153)
```
#2f84ee
```
#2f84ee rgb(47,132,238)
```
#ee2f84
```
#ee2f84 rgb(238,47,132)
```
#ee992f
```
#ee992f rgb(238,153,47)
```

Tetradic Color

#105fc1
```
#105fc1 rgb(16,95,193)
```
#126ad8
```
#126ad8 rgb(18,106,216)
```
#1776ec
```
#1776ec rgb(23,118,236)
```
#2f84ee
```
#2f84ee rgb(47,132,238)
```
#4792f0
```
#4792f0 rgb(71,146,240)
```
#5ea0f2
```
#5ea0f2 rgb(94,160,242)
```
#76aef4
```
#76aef4 rgb(118,174,244)
```

Monochromatic Color

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

#2fb4ee
```
#2fb4ee rgb(47,180,238)
```
#2fa4ee
```
#2fa4ee rgb(47,164,238)
```
#2f94ee
```
#2f94ee rgb(47,148,238)
```
#2f84ee
```
#2f84ee rgb(47,132,238)
```
#2f74ee
```
#2f74ee rgb(47,116,238)
```
#2f64ee
```
#2f64ee rgb(47,100,238)
```
#2f54ee
```
#2f54ee rgb(47,84,238)
```

Similar Colors

Text with hexadecimal color #2f84ee

This text has a font color of #2f84ee.

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

#2f84ee background color

This paragraph has a background color of #2f84ee.

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

#2f84ee border color

This element has a border color of #2f84ee.

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

CSS codes

.text {color:#2f84ee;}

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

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

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, #01050a is the darkest color, while #f6fafe is the lightest one.

#01050a
```
#01050a rgb(1,5,10)
```
#020e1c
```
#020e1c rgb(2,14,28)
```
#04162e
```
#04162e rgb(4,22,46)
```
#051f40
```
#051f40 rgb(5,31,64)
```
#072852
```
#072852 rgb(7,40,82)
```
#083164
```
#083164 rgb(8,49,100)
```
#0a3a76
```
#0a3a76 rgb(10,58,118)
```
#0b4389
```
#0b4389 rgb(11,67,137)
```
#0d4c9b
```
#0d4c9b rgb(13,76,155)
```
#0e55ad
```
#0e55ad rgb(14,85,173)
```
#105ebf
```
#105ebf rgb(16,94,191)
```
#1167d1
```
#1167d1 rgb(17,103,209)
```
#136fe3
```
#136fe3 rgb(19,111,227)
```

Shade Color Variation

#1d79ed
```
#1d79ed rgb(29,121,237)
```
#2f84ee
```
#2f84ee rgb(47,132,238)
```
#418fef
```
#418fef rgb(65,143,239)
```
#5399f1
```
#5399f1 rgb(83,153,241)
```
#65a4f2
```
#65a4f2 rgb(101,164,242)
```
#78aff4
```
#78aff4 rgb(120,175,244)
```
#8abaf5
```
#8abaf5 rgb(138,186,245)
```
#9cc4f7
```
#9cc4f7 rgb(156,196,247)
```
#aecff8
```
#aecff8 rgb(174,207,248)
```
#c0dafa
```
#c0dafa rgb(192,218,250)
```
#d2e5fb
```
#d2e5fb rgb(210,229,251)
```
#e4effd
```
#e4effd rgb(228,239,253)
```
#f6fafe
```
#f6fafe rgb(246,250,254)
```

Tint Color Variation

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

#8e8e8f
```
#8e8e8f rgb(142,142,143)
```
#868e97
```
#868e97 rgb(134,142,151)
```
#7d8da0
```
#7d8da0 rgb(125,141,160)
```
#748ca9
```
#748ca9 rgb(116,140,169)
```
#6c8bb1
```
#6c8bb1 rgb(108,139,177)
```
#638aba
```
#638aba rgb(99,138,186)
```
#5a89c3
```
#5a89c3 rgb(90,137,195)
```
#5288cb
```
#5288cb rgb(82,136,203)
```
#4987d4
```
#4987d4 rgb(73,135,212)
```
#4086dd
```
#4086dd rgb(64,134,221)
```
#3885e5
```
#3885e5 rgb(56,133,229)
```
#2f84ee
```
#2f84ee rgb(47,132,238)
```
#2683f7
```
#2683f7 rgb(38,131,247)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#697a8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5587ec Protanopia 1% of men
#008deb Deuteranopia 1% of men
#0098a2 Tritanopia 0.001% of the population

Trichromacy

#4786ed Protanomaly 1% of men, 0.01% of women
#1189ec Deuteranomaly 6% of men, 0.4% of women
#1191bd Tritanomaly 0.01% of the population

#2f84ee hex color

#2f84ee Color Information

#2f84ee Color Conversion

Color Schemes with #2f84ee

Alternatives to #2f84ee

#2f84ee Preview

Shades and Tints of #2f84ee

Tones of #2f84ee

Color Blindness Simulator