colorhexa.com

#2b84fd hex color

In a RGB color space, hex #2b84fd is composed of 16.9% red, 51.8% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 83% cyan, 47.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 214.6 degrees, a saturation of 98.1% and a lightness of 58%. #2b84fd color hex could be obtained by blending #56ffff with #0009fb. Closest websafe color is: #3399ff.

- R 17
- G 52
- B 99
RGB color chart
- C 83
- M 48
- Y 0
- K 1
CMYK color chart

● #2b84fd color description : Bright blue.

The hexadecimal color #2b84fd has RGB values of R:43, G:132, B:253 and CMYK values of C:0.83, M:0.48, Y:0, K:0.01. Its decimal value is 2852093.

Hex triplet	2b84fd	`#2b84fd`
RGB Decimal	43, 132, 253	`rgb(43,132,253)`
RGB Percent	16.9, 51.8, 99.2	`rgb(16.9%,51.8%,99.2%)`
CMYK	83, 48, 0, 1
HSL	214.6°, 98.1, 58	`hsl(214.6,98.1%,58%)`
HSV (or HSB)	214.6°, 83, 99.2
Web Safe	3399ff	`#3399ff`

CIE-LAB	56.193, 17.396, -67.41
XYZ	26.973, 24.106, 96.154
xyY	0.183, 0.164, 24.106
CIE-LCH	56.193, 69.618, 284.47
CIE-LUV	56.193, -28.107, -108.033
Hunter-Lab	49.098, 12.143, -81.747
Binary	00101011, 10000100, 11111101

#2b84fd
```
#2b84fd rgb(43,132,253)
```
#fda42b
```
#fda42b rgb(253,164,43)
```

Complementary Color

#2bedfd
```
#2bedfd rgb(43,237,253)
```
#2b84fd
```
#2b84fd rgb(43,132,253)
```
#3b2bfd
```
#3b2bfd rgb(59,43,253)
```

Analogous Color

#edfd2b
```
#edfd2b rgb(237,253,43)
```
#2b84fd
```
#2b84fd rgb(43,132,253)
```
#fd3b2b
```
#fd3b2b rgb(253,59,43)
```

Split Complementary Color

#84fd2b
```
#84fd2b rgb(132,253,43)
```
#2b84fd
```
#2b84fd rgb(43,132,253)
```
#fd2b84
```
#fd2b84 rgb(253,43,132)
```

Triadic Color

#2bfda4
```
#2bfda4 rgb(43,253,164)
```
#2b84fd
```
#2b84fd rgb(43,132,253)
```
#fd2b84
```
#fd2b84 rgb(253,43,132)
```
#fda42b
```
#fda42b rgb(253,164,43)
```

Tetradic Color

#025dd9
```
#025dd9 rgb(2,93,217)
```
#0268f3
```
#0268f3 rgb(2,104,243)
```
#1275fd
```
#1275fd rgb(18,117,253)
```
#2b84fd
```
#2b84fd rgb(43,132,253)
```
#4493fd
```
#4493fd rgb(68,147,253)
```
#5ea1fd
```
#5ea1fd rgb(94,161,253)
```
#77b0fe
```
#77b0fe rgb(119,176,254)
```

Monochromatic Color

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

#2bb9fd
```
#2bb9fd rgb(43,185,253)
```
#2ba7fd
```
#2ba7fd rgb(43,167,253)
```
#2b96fd
```
#2b96fd rgb(43,150,253)
```
#2b84fd
```
#2b84fd rgb(43,132,253)
```
#2b73fd
```
#2b73fd rgb(43,115,253)
```
#2b61fd
```
#2b61fd rgb(43,97,253)
```
#2b50fd
```
#2b50fd rgb(43,80,253)
```

Similar Colors

Text with hexadecimal color #2b84fd

This text has a font color of #2b84fd.

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

#2b84fd background color

This paragraph has a background color of #2b84fd.

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

#2b84fd border color

This element has a border color of #2b84fd.

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

CSS codes

.text {color:#2b84fd;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#000915
```
#000915 rgb(0,9,21)
```
#001129
```
#001129 rgb(0,17,41)
```
#011a3c
```
#011a3c rgb(1,26,60)
```
#01224f
```
#01224f rgb(1,34,79)
```
#012a63
```
#012a63 rgb(1,42,99)
```
#013376
```
#013376 rgb(1,51,118)
```
#013b8a
```
#013b8a rgb(1,59,138)
```
#01439d
```
#01439d rgb(1,67,157)
```
#024cb1
```
#024cb1 rgb(2,76,177)
```
#0254c4
```
#0254c4 rgb(2,84,196)
```
#025dd8
```
#025dd8 rgb(2,93,216)
```
#0265eb
```
#0265eb rgb(2,101,235)
```

Shade Color Variation

#046dfd
```
#046dfd rgb(4,109,253)
```
#1879fd
```
#1879fd rgb(24,121,253)
```
#2b84fd
```
#2b84fd rgb(43,132,253)
```
#3e8ffd
```
#3e8ffd rgb(62,143,253)
```
#529bfd
```
#529bfd rgb(82,155,253)
```
#65a6fe
```
#65a6fe rgb(101,166,254)
```
#79b1fe
```
#79b1fe rgb(121,177,254)
```
#8cbcfe
```
#8cbcfe rgb(140,188,254)
```
#a0c8fe
```
#a0c8fe rgb(160,200,254)
```
#b3d3fe
```
#b3d3fe rgb(179,211,254)
```
#c6defe
```
#c6defe rgb(198,222,254)
```
#dae9ff
```
#dae9ff rgb(218,233,255)
```
#edf5ff
```
#edf5ff rgb(237,245,255)
```

Tint Color Variation

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

#8e939a
```
#8e939a rgb(142,147,154)
```
#8692a2
```
#8692a2 rgb(134,146,162)
```
#7d91ab
```
#7d91ab rgb(125,145,171)
```
#758fb3
```
#758fb3 rgb(117,143,179)
```
#6d8ebb
```
#6d8ebb rgb(109,142,187)
```
#658dc3
```
#658dc3 rgb(101,141,195)
```
#5c8ccc
```
#5c8ccc rgb(92,140,204)
```
#548ad4
```
#548ad4 rgb(84,138,212)
```
#4c89dc
```
#4c89dc rgb(76,137,220)
```
#4488e4
```
#4488e4 rgb(68,136,228)
```
#3b87ed
```
#3b87ed rgb(59,135,237)
```
#3385f5
```
#3385f5 rgb(51,133,245)
```
#2b84fd
```
#2b84fd rgb(43,132,253)
```

Tone Color Variation

Below, you can see how #2b84fd 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
#687a92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4589fb Protanopia 1% of men
#008fec Deuteranopia 1% of men
#009aa4 Tritanopia 0.001% of the population

Trichromacy

#3b87fc Protanomaly 1% of men, 0.01% of women
#0f8bf2 Deuteranomaly 6% of men, 0.4% of women
#0f92c4 Tritanomaly 0.01% of the population