#2f84de hex color

In a RGB color space, hex #2f84de is composed of 18.4% red, 51.8% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 78.8% cyan, 40.5% magenta, 0% yellow and 12.9% black. It has a hue angle of 210.9 degrees, a saturation of 72.6% and a lightness of 52.7%. #2f84de color hex could be obtained by blending #5effff with #0009bd. Closest websafe color is: #3399cc.

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

● #2f84de color description : Bright blue.

The hexadecimal color #2f84de has RGB values of R:47, G:132, B:222 and CMYK values of C:0.79, M:0.41, Y:0, K:0.13. Its decimal value is 3114206.

Hex triplet	2f84de	`#2f84de`
RGB Decimal	47, 132, 222	`rgb(47,132,222)`
RGB Percent	18.4, 51.8, 87.1	`rgb(18.4%,51.8%,87.1%)`
CMYK	79, 41, 0, 13
HSL	210.9°, 72.6, 52.7	`hsl(210.9,72.6%,52.7%)`
HSV (or HSB)	210.9°, 78.8, 87.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	54.427, 6.222, -53.004
XYZ	22.605, 22.379, 72.231
xyY	0.193, 0.191, 22.379
CIE-LCH	54.427, 53.367, 276.695
CIE-LUV	54.427, -28.713, -83.524
Hunter-Lab	47.306, 2.51, -57.415
Binary	00101111, 10000100, 11011110

#2f84de
```
#2f84de rgb(47,132,222)
```
#de892f
```
#de892f rgb(222,137,47)
```

Complementary Color

#2fdcde
```
#2fdcde rgb(47,220,222)
```
#2f84de
```
#2f84de rgb(47,132,222)
```
#322fde
```
#322fde rgb(50,47,222)
```

Analogous Color

#dcde2f
```
#dcde2f rgb(220,222,47)
```
#2f84de
```
#2f84de rgb(47,132,222)
```
#de322f
```
#de322f rgb(222,50,47)
```

Split Complementary Color

#84de2f
```
#84de2f rgb(132,222,47)
```
#2f84de
```
#2f84de rgb(47,132,222)
```
#de2f84
```
#de2f84 rgb(222,47,132)
```

Triadic Color

#2fde89
```
#2fde89 rgb(47,222,137)
```
#2f84de
```
#2f84de rgb(47,132,222)
```
#de2f84
```
#de2f84 rgb(222,47,132)
```
#de892f
```
#de892f rgb(222,137,47)
```

Tetradic Color

#1a5ea6
```
#1a5ea6 rgb(26,94,166)
```
#1e6bbc
```
#1e6bbc rgb(30,107,188)
```
#2177d2
```
#2177d2 rgb(33,119,210)
```
#2f84de
```
#2f84de rgb(47,132,222)
```
#4591e1
```
#4591e1 rgb(69,145,225)
```
#5b9ee5
```
#5b9ee5 rgb(91,158,229)
```
#71abe8
```
#71abe8 rgb(113,171,232)
```

Monochromatic Color

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

#2fb0de
```
#2fb0de rgb(47,176,222)
```
#2fa1de
```
#2fa1de rgb(47,161,222)
```
#2f93de
```
#2f93de rgb(47,147,222)
```
#2f84de
```
#2f84de rgb(47,132,222)
```
#2f75de
```
#2f75de rgb(47,117,222)
```
#2f67de
```
#2f67de rgb(47,103,222)
```
#2f58de
```
#2f58de rgb(47,88,222)
```

Similar Colors

Text with hexadecimal color #2f84de

This text has a font color of #2f84de.

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

#2f84de background color

This paragraph has a background color of #2f84de.

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

#2f84de border color

This element has a border color of #2f84de.

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

CSS codes

.text {color:#2f84de;}

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

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

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, #02070c is the darkest color, while #fafcfe is the lightest one.

#02070c
```
#02070c rgb(2,7,12)
```
#05101d
```
#05101d rgb(5,16,29)
```
#071a2e
```
#071a2e rgb(7,26,46)
```
#0a243f
```
#0a243f rgb(10,36,63)
```
#0d2d50
```
#0d2d50 rgb(13,45,80)
```
#0f3761
```
#0f3761 rgb(15,55,97)
```
#124072
```
#124072 rgb(18,64,114)
```
#154a83
```
#154a83 rgb(21,74,131)
```
#175494
```
#175494 rgb(23,84,148)
```
#1a5da4
```
#1a5da4 rgb(26,93,164)
```
#1d67b5
```
#1d67b5 rgb(29,103,181)
```
#1f71c6
```
#1f71c6 rgb(31,113,198)
```
#227ad7
```
#227ad7 rgb(34,122,215)
```

Shade Color Variation

#2f84de
```
#2f84de rgb(47,132,222)
```
#408ee1
```
#408ee1 rgb(64,142,225)
```
#5198e3
```
#5198e3 rgb(81,152,227)
```
#62a2e6
```
#62a2e6 rgb(98,162,230)
```
#73ace9
```
#73ace9 rgb(115,172,233)
```
#84b6eb
```
#84b6eb rgb(132,182,235)
```
#95c0ee
```
#95c0ee rgb(149,192,238)
```
#a6caf1
```
#a6caf1 rgb(166,202,241)
```
#b6d4f3
```
#b6d4f3 rgb(182,212,243)
```
#c7def6
```
#c7def6 rgb(199,222,246)
```
#d8e8f9
```
#d8e8f9 rgb(216,232,249)
```
#e9f2fc
```
#e9f2fc rgb(233,242,252)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

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

#82868b
```
#82868b rgb(130,134,139)
```
#798694
```
#798694 rgb(121,134,148)
```
#70869d
```
#70869d rgb(112,134,157)
```
#6786a6
```
#6786a6 rgb(103,134,166)
```
#5d85b0
```
#5d85b0 rgb(93,133,176)
```
#5485b9
```
#5485b9 rgb(84,133,185)
```
#4b85c2
```
#4b85c2 rgb(75,133,194)
```
#4285cb
```
#4285cb rgb(66,133,203)
```
#3884d5
```
#3884d5 rgb(56,132,213)
```
#2f84de
```
#2f84de rgb(47,132,222)
```
#2684e7
```
#2684e7 rgb(38,132,231)
```
#1c83f1
```
#1c83f1 rgb(28,131,241)
```
#1383fa
```
#1383fa rgb(19,131,250)
```

Tone Color Variation

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

#6085db Protanopia 1% of men
#3c8adf Deuteranopia 1% of men
#00969f Tritanopia 0.001% of the population

Trichromacy

#4e85dc Protanomaly 1% of men, 0.01% of women
#3787df Deuteranomaly 6% of men, 0.4% of women
#118fb6 Tritanomaly 0.01% of the population

#2f84de hex color

#2f84de Color Information

#2f84de Color Conversion

Color Schemes with #2f84de

Alternatives to #2f84de

#2f84de Preview

Shades and Tints of #2f84de

Tones of #2f84de

Color Blindness Simulator