#2084fe hex color

In a RGB color space, hex #2084fe is composed of 12.5% red, 51.8% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 87.4% cyan, 48% magenta, 0% yellow and 0.4% black. It has a hue angle of 213 degrees, a saturation of 99.1% and a lightness of 56.1%. #2084fe color hex could be obtained by blending #40ffff with #0009fd. Closest websafe color is: #3399ff.

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

● #2084fe color description : Vivid blue.

The hexadecimal color #2084fe has RGB values of R:32, G:132, B:254 and CMYK values of C:0.87, M:0.48, Y:0, K:0. Its decimal value is 2131198.

Hex triplet	2084fe	`#2084fe`
RGB Decimal	32, 132, 254	`rgb(32,132,254)`
RGB Percent	12.5, 51.8, 99.6	`rgb(12.5%,51.8%,99.6%)`
CMYK	87, 48, 0, 0
HSL	213°, 99.1, 56.1	`hsl(213,99.1%,56.1%)`
HSV (or HSB)	213°, 87.4, 99.6
Web Safe	3399ff	`#3399ff`

CIE-LAB	56.051, 17.03, -68.202
XYZ	26.732, 23.963, 96.977
xyY	0.181, 0.162, 23.963
CIE-LCH	56.051, 70.296, 284.02
CIE-LUV	56.051, -29.088, -109.171
Hunter-Lab	48.952, 11.811, -83.19
Binary	00100000, 10000100, 11111110

#2084fe
```
#2084fe rgb(32,132,254)
```
#fe9a20
```
#fe9a20 rgb(254,154,32)
```

Complementary Color

#20f3fe
```
#20f3fe rgb(32,243,254)
```
#2084fe
```
#2084fe rgb(32,132,254)
```
#2b20fe
```
#2b20fe rgb(43,32,254)
```

Analogous Color

#f3fe20
```
#f3fe20 rgb(243,254,32)
```
#2084fe
```
#2084fe rgb(32,132,254)
```
#fe2b20
```
#fe2b20 rgb(254,43,32)
```

Split Complementary Color

#84fe20
```
#84fe20 rgb(132,254,32)
```
#2084fe
```
#2084fe rgb(32,132,254)
```
#fe2084
```
#fe2084 rgb(254,32,132)
```

Triadic Color

#20fe9a
```
#20fe9a rgb(32,254,154)
```
#2084fe
```
#2084fe rgb(32,132,254)
```
#fe2084
```
#fe2084 rgb(254,32,132)
```
#fe9a20
```
#fe9a20 rgb(254,154,32)
```

Tetradic Color

#015ed1
```
#015ed1 rgb(1,94,209)
```
#016aea
```
#016aea rgb(1,106,234)
```
#0776fe
```
#0776fe rgb(7,118,254)
```
#2084fe
```
#2084fe rgb(32,132,254)
```
#3992fe
```
#3992fe rgb(57,146,254)
```
#53a0fe
```
#53a0fe rgb(83,160,254)
```
#6caefe
```
#6caefe rgb(108,174,254)
```

Monochromatic Color

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

#20bcfe
```
#20bcfe rgb(32,188,254)
```
#20a9fe
```
#20a9fe rgb(32,169,254)
```
#2097fe
```
#2097fe rgb(32,151,254)
```
#2084fe
```
#2084fe rgb(32,132,254)
```
#2072fe
```
#2072fe rgb(32,114,254)
```
#205ffe
```
#205ffe rgb(32,95,254)
```
#204dfe
```
#204dfe rgb(32,77,254)
```

Similar Colors

Text with hexadecimal color #2084fe

This text has a font color of #2084fe.

<span style="color:#2084fe;">Text here</span>

#2084fe background color

This paragraph has a background color of #2084fe.

<p style="background-color:#2084fe;">Content here</p>

#2084fe border color

This element has a border color of #2084fe.

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

CSS codes

.text {color:#2084fe;}

.background {background-color:#2084fe;}

.border {border:1px solid #2084fe;}

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

#00050b
```
#00050b rgb(0,5,11)
```
#000e1f
```
#000e1f rgb(0,14,31)
```
#001732
```
#001732 rgb(0,23,50)
```
#002046
```
#002046 rgb(0,32,70)
```
#002959
```
#002959 rgb(0,41,89)
```
#00316d
```
#00316d rgb(0,49,109)
```
#013a81
```
#013a81 rgb(1,58,129)
```
#014394
```
#014394 rgb(1,67,148)
```
#014ca8
```
#014ca8 rgb(1,76,168)
```
#0155bb
```
#0155bb rgb(1,85,187)
```
#015ecf
```
#015ecf rgb(1,94,207)
```
#0166e2
```
#0166e2 rgb(1,102,226)
```
#016ff6
```
#016ff6 rgb(1,111,246)
```

Shade Color Variation

#0c79fe
```
#0c79fe rgb(12,121,254)
```
#2084fe
```
#2084fe rgb(32,132,254)
```
#348ffe
```
#348ffe rgb(52,143,254)
```
#479afe
```
#479afe rgb(71,154,254)
```
#5ba4fe
```
#5ba4fe rgb(91,164,254)
```
#6eaffe
```
#6eaffe rgb(110,175,254)
```
#82bafe
```
#82bafe rgb(130,186,254)
```
#95c5ff
```
#95c5ff rgb(149,197,255)
```
#a9cfff
```
#a9cfff rgb(169,207,255)
```
#bcdaff
```
#bcdaff rgb(188,218,255)
```
#d0e5ff
```
#d0e5ff rgb(208,229,255)
```
#e3f0ff
```
#e3f0ff rgb(227,240,255)
```
#f7faff
```
#f7faff rgb(247,250,255)
```

Tint Color Variation

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

#878e97
```
#878e97 rgb(135,142,151)
```
#7f8d9f
```
#7f8d9f rgb(127,141,159)
```
#768da8
```
#768da8 rgb(118,141,168)
```
#6e8cb0
```
#6e8cb0 rgb(110,140,176)
```
#658bb9
```
#658bb9 rgb(101,139,185)
```
#5c8ac2
```
#5c8ac2 rgb(92,138,194)
```
#5489ca
```
#5489ca rgb(84,137,202)
```
#4b88d3
```
#4b88d3 rgb(75,136,211)
```
#4287dc
```
#4287dc rgb(66,135,220)
```
#3a87e4
```
#3a87e4 rgb(58,135,228)
```
#3186ed
```
#3186ed rgb(49,134,237)
```
#2985f5
```
#2985f5 rgb(41,133,245)
```
#2084fe
```
#2084fe rgb(32,132,254)
```

Tone Color Variation

Below, you can see how #2084fe 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

#747474 Achromatopsia 0.005% of the population
#637790 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4388fc Protanopia 1% of men
#008fec Deuteranopia 1% of men
#009aa3 Tritanopia 0.001% of the population

Trichromacy

#3687fd Protanomaly 1% of men, 0.01% of women
#0b8bf2 Deuteranomaly 6% of men, 0.4% of women
#0b92c4 Tritanomaly 0.01% of the population

#2084fe hex color

#2084fe Color Information

#2084fe Color Conversion

Color Schemes with #2084fe

Alternatives to #2084fe

#2084fe Preview

Shades and Tints of #2084fe

Tones of #2084fe

Color Blindness Simulator