#2a83fa hex color

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

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

● #2a83fa color description : Bright blue.

The hexadecimal color #2a83fa has RGB values of R:42, G:131, B:250 and CMYK values of C:0.83, M:0.48, Y:0, K:0.02. Its decimal value is 2786298.

Hex triplet	2a83fa	`#2a83fa`
RGB Decimal	42, 131, 250	`rgb(42,131,250)`
RGB Percent	16.5, 51.4, 98	`rgb(16.5%,51.4%,98%)`
CMYK	83, 48, 0, 2
HSL	214.3°, 95.4, 57.3	`hsl(214.3,95.4%,57.3%)`
HSV (or HSB)	214.3°, 83.2, 98
Web Safe	3399ff	`#3399ff`

CIE-LAB	55.71, 16.816, -66.536
XYZ	26.323, 23.625, 93.61
xyY	0.183, 0.165, 23.625
CIE-LCH	55.71, 68.628, 284.184
CIE-LUV	55.71, -28.011, -106.406
Hunter-Lab	48.605, 11.609, -80.164
Binary	00101010, 10000011, 11111010

#2a83fa
```
#2a83fa rgb(42,131,250)
```
#faa12a
```
#faa12a rgb(250,161,42)
```

Complementary Color

#2aebfa
```
#2aebfa rgb(42,235,250)
```
#2a83fa
```
#2a83fa rgb(42,131,250)
```
#392afa
```
#392afa rgb(57,42,250)
```

Analogous Color

#ebfa2a
```
#ebfa2a rgb(235,250,42)
```
#2a83fa
```
#2a83fa rgb(42,131,250)
```
#fa392a
```
#fa392a rgb(250,57,42)
```

Split Complementary Color

#83fa2a
```
#83fa2a rgb(131,250,42)
```
#2a83fa
```
#2a83fa rgb(42,131,250)
```
#fa2a83
```
#fa2a83 rgb(250,42,131)
```

Triadic Color

#2afaa1
```
#2afaa1 rgb(42,250,161)
```
#2a83fa
```
#2a83fa rgb(42,131,250)
```
#fa2a83
```
#fa2a83 rgb(250,42,131)
```
#faa12a
```
#faa12a rgb(250,161,42)
```

Tetradic Color

#055dd3
```
#055dd3 rgb(5,93,211)
```
#0668eb
```
#0668eb rgb(6,104,235)
```
#1174f9
```
#1174f9 rgb(17,116,249)
```
#2a83fa
```
#2a83fa rgb(42,131,250)
```
#4392fb
```
#4392fb rgb(67,146,251)
```
#5ca0fb
```
#5ca0fb rgb(92,160,251)
```
#75affc
```
#75affc rgb(117,175,252)
```

Monochromatic Color

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

#2ab7fa
```
#2ab7fa rgb(42,183,250)
```
#2aa6fa
```
#2aa6fa rgb(42,166,250)
```
#2a94fa
```
#2a94fa rgb(42,148,250)
```
#2a83fa
```
#2a83fa rgb(42,131,250)
```
#2a72fa
```
#2a72fa rgb(42,114,250)
```
#2a60fa
```
#2a60fa rgb(42,96,250)
```
#2a4ffa
```
#2a4ffa rgb(42,79,250)
```

Similar Colors

Text with hexadecimal color #2a83fa

This text has a font color of #2a83fa.

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

#2a83fa background color

This paragraph has a background color of #2a83fa.

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

#2a83fa border color

This element has a border color of #2a83fa.

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

CSS codes

.text {color:#2a83fa;}

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

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

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

#000711
```
#000711 rgb(0,7,17)
```
#011024
```
#011024 rgb(1,16,36)
```
#011837
```
#011837 rgb(1,24,55)
```
#02214a
```
#02214a rgb(2,33,74)
```
#02295e
```
#02295e rgb(2,41,94)
```
#033271
```
#033271 rgb(3,50,113)
```
#033a84
```
#033a84 rgb(3,58,132)
```
#044397
```
#044397 rgb(4,67,151)
```
#044baa
```
#044baa rgb(4,75,170)
```
#0454bd
```
#0454bd rgb(4,84,189)
```
#055cd1
```
#055cd1 rgb(5,92,209)
```
#0565e4
```
#0565e4 rgb(5,101,228)
```
#066df7
```
#066df7 rgb(6,109,247)
```

Shade Color Variation

#1778fa
```
#1778fa rgb(23,120,250)
```
#2a83fa
```
#2a83fa rgb(42,131,250)
```
#3d8efa
```
#3d8efa rgb(61,142,250)
```
#5099fb
```
#5099fb rgb(80,153,251)
```
#63a4fb
```
#63a4fb rgb(99,164,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)
```
#c3dcfe
```
#c3dcfe rgb(195,220,254)
```
#d6e7fe
```
#d6e7fe rgb(214,231,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 #2a83fa 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)
```
#658bbf
```
#658bbf rgb(101,139,191)
```
#5c8ac8
```
#5c8ac8 rgb(92,138,200)
```
#5489d0
```
#5489d0 rgb(84,137,208)
```
#4c88d8
```
#4c88d8 rgb(76,136,216)
```
#4387e1
```
#4387e1 rgb(67,135,225)
```
#3b85e9
```
#3b85e9 rgb(59,133,233)
```
#3284f2
```
#3284f2 rgb(50,132,242)
```
#2a83fa
```
#2a83fa rgb(42,131,250)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#677990 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4688f8 Protanopia 1% of men
#008eeb Deuteranopia 1% of men
#0099a2 Tritanopia 0.001% of the population

Trichromacy

#3c86f9 Protanomaly 1% of men, 0.01% of women
#0f8af0 Deuteranomaly 6% of men, 0.4% of women
#0f91c2 Tritanomaly 0.01% of the population

#2a83fa hex color

#2a83fa Color Information

#2a83fa Color Conversion

Color Schemes with #2a83fa

Alternatives to #2a83fa

#2a83fa Preview

Shades and Tints of #2a83fa

Tones of #2a83fa

Color Blindness Simulator