#2a84fa hex color

In a RGB color space, hex #2a84fa is composed of 16.5% red, 51.8% green and 98% blue. Whereas in a CMYK color space, it is composed of 83.2% cyan, 47.2% magenta, 0% yellow and 2% black. It has a hue angle of 214 degrees, a saturation of 95.4% and a lightness of 57.3%. #2a84fa color hex could be obtained by blending #54ffff with #0009f5. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 16
- G 52
- B 98
RGB color chart
- C 83
- M 47
- Y 0
- K 2
CMYK color chart

● #2a84fa color description : Bright blue.

The hexadecimal color #2a84fa has RGB values of R:42, G:132, B:250 and CMYK values of C:0.83, M:0.47, Y:0, K:0.02. Its decimal value is 2786554.

Hex triplet	2a84fa	`#2a84fa`
RGB Decimal	42, 132, 250	`rgb(42,132,250)`
RGB Percent	16.5, 51.8, 98	`rgb(16.5%,51.8%,98%)`
CMYK	83, 47, 0, 2
HSL	214°, 95.4, 57.3	`hsl(214,95.4%,57.3%)`
HSV (or HSB)	214°, 83.2, 98
Web Safe	3399ff	`#3399ff`

CIE-LAB	55.982, 16.2, -66.097
XYZ	26.458, 23.895, 93.655
xyY	0.184, 0.166, 23.895
CIE-LCH	55.982, 68.053, 283.771
CIE-LUV	55.982, -28.309, -105.788
Hunter-Lab	48.882, 11.07, -79.378
Binary	00101010, 10000100, 11111010

#2a84fa
```
#2a84fa rgb(42,132,250)
```
#faa02a
```
#faa02a rgb(250,160,42)
```

Complementary Color

#2aecfa
```
#2aecfa rgb(42,236,250)
```
#2a84fa
```
#2a84fa rgb(42,132,250)
```
#382afa
```
#382afa rgb(56,42,250)
```

Analogous Color

#ecfa2a
```
#ecfa2a rgb(236,250,42)
```
#2a84fa
```
#2a84fa rgb(42,132,250)
```
#fa382a
```
#fa382a rgb(250,56,42)
```

Split Complementary Color

#84fa2a
```
#84fa2a rgb(132,250,42)
```
#2a84fa
```
#2a84fa rgb(42,132,250)
```
#fa2a84
```
#fa2a84 rgb(250,42,132)
```

Triadic Color

#2afaa0
```
#2afaa0 rgb(42,250,160)
```
#2a84fa
```
#2a84fa rgb(42,132,250)
```
#fa2a84
```
#fa2a84 rgb(250,42,132)
```
#faa02a
```
#faa02a rgb(250,160,42)
```

Tetradic Color

#055ed3
```
#055ed3 rgb(5,94,211)
```
#0669eb
```
#0669eb rgb(6,105,235)
```
#1176f9
```
#1176f9 rgb(17,118,249)
```
#2a84fa
```
#2a84fa rgb(42,132,250)
```
#4392fb
```
#4392fb rgb(67,146,251)
```
#5ca1fb
```
#5ca1fb rgb(92,161,251)
```
#75affc
```
#75affc rgb(117,175,252)
```

Monochromatic Color

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

#2ab8fa
```
#2ab8fa rgb(42,184,250)
```
#2aa7fa
```
#2aa7fa rgb(42,167,250)
```
#2a95fa
```
#2a95fa rgb(42,149,250)
```
#2a84fa
```
#2a84fa rgb(42,132,250)
```
#2a73fa
```
#2a73fa rgb(42,115,250)
```
#2a61fa
```
#2a61fa rgb(42,97,250)
```
#2a50fa
```
#2a50fa rgb(42,80,250)
```

Similar Colors

Text with hexadecimal color #2a84fa

This text has a font color of #2a84fa.

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

#2a84fa background color

This paragraph has a background color of #2a84fa.

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

#2a84fa border color

This element has a border color of #2a84fa.

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

CSS codes

.text {color:#2a84fa;}

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

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

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

#000811
```
#000811 rgb(0,8,17)
```
#011024
```
#011024 rgb(1,16,36)
```
#011937
```
#011937 rgb(1,25,55)
```
#02214a
```
#02214a rgb(2,33,74)
```
#022a5e
```
#022a5e rgb(2,42,94)
```
#033271
```
#033271 rgb(3,50,113)
```
#033b84
```
#033b84 rgb(3,59,132)
```
#044397
```
#044397 rgb(4,67,151)
```
#044caa
```
#044caa rgb(4,76,170)
```
#0455bd
```
#0455bd rgb(4,85,189)
```
#055dd1
```
#055dd1 rgb(5,93,209)
```
#0566e4
```
#0566e4 rgb(5,102,228)
```
#066ef7
```
#066ef7 rgb(6,110,247)
```

Shade Color Variation

#1779fa
```
#1779fa rgb(23,121,250)
```
#2a84fa
```
#2a84fa rgb(42,132,250)
```
#3d8ffa
```
#3d8ffa rgb(61,143,250)
```
#509afb
```
#509afb rgb(80,154,251)
```
#63a5fb
```
#63a5fb rgb(99,165,251)
```
#77b0fc
```
#77b0fc rgb(119,176,252)
```
#8abbfc
```
#8abbfc rgb(138,187,252)
```
#9dc6fd
```
#9dc6fd rgb(157,198,253)
```
#b0d1fd
```
#b0d1fd rgb(176,209,253)
```
#c3ddfe
```
#c3ddfe rgb(195,221,254)
```
#d6e8fe
```
#d6e8fe rgb(214,232,254)
```
#eaf3fe
```
#eaf3fe rgb(234,243,254)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#8f9295
```
#8f9295 rgb(143,146,149)
```
#86909e
```
#86909e rgb(134,144,158)
```
#7e8fa6
```
#7e8fa6 rgb(126,143,166)
```
#758eaf
```
#758eaf rgb(117,142,175)
```
#6d8db7
```
#6d8db7 rgb(109,141,183)
```
#658cbf
```
#658cbf rgb(101,140,191)
```
#5c8bc8
```
#5c8bc8 rgb(92,139,200)
```
#548ad0
```
#548ad0 rgb(84,138,208)
```
#4c89d8
```
#4c89d8 rgb(76,137,216)
```
#4387e1
```
#4387e1 rgb(67,135,225)
```
#3b86e9
```
#3b86e9 rgb(59,134,233)
```
#3285f2
```
#3285f2 rgb(50,133,242)
```
#2a84fa
```
#2a84fa rgb(42,132,250)
```

Tone Color Variation

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

Dichromacy

#4988f8 Protanopia 1% of men
#008fec Deuteranopia 1% of men
#009aa3 Tritanopia 0.001% of the population

Trichromacy

#3d87f9 Protanomaly 1% of men, 0.01% of women
#0f8bf1 Deuteranomaly 6% of men, 0.4% of women
#0f92c2 Tritanomaly 0.01% of the population

#2a84fa hex color

#2a84fa Color Information

#2a84fa Color Conversion

Color Schemes with #2a84fa

Alternatives to #2a84fa

#2a84fa Preview

Shades and Tints of #2a84fa

Tones of #2a84fa

Color Blindness Simulator