#2f84dd hex color

In a RGB color space, hex #2f84dd is composed of 18.4% red, 51.8% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 78.7% cyan, 40.3% magenta, 0% yellow and 13.3% black. It has a hue angle of 210.7 degrees, a saturation of 71.9% and a lightness of 52.5%. #2f84dd color hex could be obtained by blending #5effff with #0009bb. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 18
- G 52
- B 87
RGB color chart
- C 79
- M 40
- Y 0
- K 13
CMYK color chart

● #2f84dd color description : Bright blue.

The hexadecimal color #2f84dd has RGB values of R:47, G:132, B:221 and CMYK values of C:0.79, M:0.4, Y:0, K:0.13. Its decimal value is 3114205.

Hex triplet	2f84dd	`#2f84dd`
RGB Decimal	47, 132, 221	`rgb(47,132,221)`
RGB Percent	18.4, 51.8, 86.7	`rgb(18.4%,51.8%,86.7%)`
CMYK	79, 40, 0, 13
HSL	210.7°, 71.9, 52.5	`hsl(210.7,71.9%,52.5%)`
HSV (or HSB)	210.7°, 78.7, 86.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	54.371, 5.852, -52.532
XYZ	22.472, 22.325, 71.528
xyY	0.193, 0.192, 22.325
CIE-LCH	54.371, 52.857, 276.356
CIE-LUV	54.371, -28.752, -82.714
Hunter-Lab	47.25, 2.206, -56.679
Binary	00101111, 10000100, 11011101

#2f84dd
```
#2f84dd rgb(47,132,221)
```
#dd882f
```
#dd882f rgb(221,136,47)
```

Complementary Color

#2fdbdd
```
#2fdbdd rgb(47,219,221)
```
#2f84dd
```
#2f84dd rgb(47,132,221)
```
#312fdd
```
#312fdd rgb(49,47,221)
```

Analogous Color

#dbdd2f
```
#dbdd2f rgb(219,221,47)
```
#2f84dd
```
#2f84dd rgb(47,132,221)
```
#dd312f
```
#dd312f rgb(221,49,47)
```

Split Complementary Color

#84dd2f
```
#84dd2f rgb(132,221,47)
```
#2f84dd
```
#2f84dd rgb(47,132,221)
```
#dd2f84
```
#dd2f84 rgb(221,47,132)
```

Triadic Color

#2fdd88
```
#2fdd88 rgb(47,221,136)
```
#2f84dd
```
#2f84dd rgb(47,132,221)
```
#dd2f84
```
#dd2f84 rgb(221,47,132)
```
#dd882f
```
#dd882f rgb(221,136,47)
```

Tetradic Color

#1b5ea5
```
#1b5ea5 rgb(27,94,165)
```
#1e6bbb
```
#1e6bbb rgb(30,107,187)
```
#2277d0
```
#2277d0 rgb(34,119,208)
```
#2f84dd
```
#2f84dd rgb(47,132,221)
```
#4591e1
```
#4591e1 rgb(69,145,225)
```
#5b9ee4
```
#5b9ee4 rgb(91,158,228)
```
#71abe8
```
#71abe8 rgb(113,171,232)
```

Monochromatic Color

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

#2fb0dd
```
#2fb0dd rgb(47,176,221)
```
#2fa1dd
```
#2fa1dd rgb(47,161,221)
```
#2f93dd
```
#2f93dd rgb(47,147,221)
```
#2f84dd
```
#2f84dd rgb(47,132,221)
```
#2f76dd
```
#2f76dd rgb(47,118,221)
```
#2f67dd
```
#2f67dd rgb(47,103,221)
```
#2f59dd
```
#2f59dd rgb(47,89,221)
```

Similar Colors

Text with hexadecimal color #2f84dd

This text has a font color of #2f84dd.

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

#2f84dd background color

This paragraph has a background color of #2f84dd.

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

#2f84dd border color

This element has a border color of #2f84dd.

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

CSS codes

.text {color:#2f84dd;}

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

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

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, #02060b is the darkest color, while #f9fcfe is the lightest one.

#02060b
```
#02060b rgb(2,6,11)
```
#05101c
```
#05101c rgb(5,16,28)
```
#071a2d
```
#071a2d rgb(7,26,45)
```
#0a233e
```
#0a233e rgb(10,35,62)
```
#0d2d4f
```
#0d2d4f rgb(13,45,79)
```
#10375f
```
#10375f rgb(16,55,95)
```
#124070
```
#124070 rgb(18,64,112)
```
#154a81
```
#154a81 rgb(21,74,129)
```
#185492
```
#185492 rgb(24,84,146)
```
#1b5da3
```
#1b5da3 rgb(27,93,163)
```
#1d67b4
```
#1d67b4 rgb(29,103,180)
```
#2070c5
```
#2070c5 rgb(32,112,197)
```
#237ad5
```
#237ad5 rgb(35,122,213)
```

Shade Color Variation

#2f84dd
```
#2f84dd rgb(47,132,221)
```
#408ee0
```
#408ee0 rgb(64,142,224)
```
#5198e3
```
#5198e3 rgb(81,152,227)
```
#62a2e5
```
#62a2e5 rgb(98,162,229)
```
#72ace8
```
#72ace8 rgb(114,172,232)
```
#83b6eb
```
#83b6eb rgb(131,182,235)
```
#94c0ee
```
#94c0ee rgb(148,192,238)
```
#a5caf0
```
#a5caf0 rgb(165,202,240)
```
#b6d4f3
```
#b6d4f3 rgb(182,212,243)
```
#c7def6
```
#c7def6 rgb(199,222,246)
```
#d8e8f9
```
#d8e8f9 rgb(216,232,249)
```
#e8f2fb
```
#e8f2fb rgb(232,242,251)
```
#f9fcfe
```
#f9fcfe rgb(249,252,254)
```

Tint Color Variation

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

#838689
```
#838689 rgb(131,134,137)
```
#798693
```
#798693 rgb(121,134,147)
```
#70859c
```
#70859c rgb(112,133,156)
```
#6785a5
```
#6785a5 rgb(103,133,165)
```
#5e85ae
```
#5e85ae rgb(94,133,174)
```
#5485b8
```
#5485b8 rgb(84,133,184)
```
#4b85c1
```
#4b85c1 rgb(75,133,193)
```
#4284ca
```
#4284ca rgb(66,132,202)
```
#3884d4
```
#3884d4 rgb(56,132,212)
```
#2f84dd
```
#2f84dd rgb(47,132,221)
```
#2684e6
```
#2684e6 rgb(38,132,230)
```
#1c84f0
```
#1c84f0 rgb(28,132,240)
```
#1383f9
```
#1383f9 rgb(19,131,249)
```

Tone Color Variation

Below, you can see how #2f84dd 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
#67788a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6185da Protanopia 1% of men
#3e89de Deuteranopia 1% of men
#00959f Tritanopia 0.001% of the population

Trichromacy

#4f85db Protanomaly 1% of men, 0.01% of women
#3887de Deuteranomaly 6% of men, 0.4% of women
#118fb5 Tritanomaly 0.01% of the population

#2f84dd hex color

#2f84dd Color Information

#2f84dd Color Conversion

Color Schemes with #2f84dd

Alternatives to #2f84dd

#2f84dd Preview

Shades and Tints of #2f84dd

Tones of #2f84dd

Color Blindness Simulator