#2aa0fa hex color

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

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

● #2aa0fa color description : Bright blue.

The hexadecimal color #2aa0fa has RGB values of R:42, G:160, B:250 and CMYK values of C:0.83, M:0.36, Y:0, K:0.02. Its decimal value is 2793722.

Hex triplet	2aa0fa	`#2aa0fa`
RGB Decimal	42, 160, 250	`rgb(42,160,250)`
RGB Percent	16.5, 62.7, 98	`rgb(16.5%,62.7%,98%)`
CMYK	83, 36, 0, 2
HSL	206°, 95.4, 57.3	`hsl(206,95.4%,57.3%)`
HSV (or HSB)	206°, 83.2, 98
Web Safe	3399ff	`#3399ff`

CIE-LAB	63.781, -0.539, -53.62
XYZ	30.777, 32.533, 95.095
xyY	0.194, 0.205, 32.533
CIE-LCH	63.781, 53.623, 269.425
CIE-LUV	63.781, -37.09, -86.386
Hunter-Lab	57.038, -3.5, -58.923
Binary	00101010, 10100000, 11111010

#2aa0fa
```
#2aa0fa rgb(42,160,250)
```
#fa842a
```
#fa842a rgb(250,132,42)
```

Complementary Color

#2afaec
```
#2afaec rgb(42,250,236)
```
#2aa0fa
```
#2aa0fa rgb(42,160,250)
```
#2a38fa
```
#2a38fa rgb(42,56,250)
```

Analogous Color

#faec2a
```
#faec2a rgb(250,236,42)
```
#2aa0fa
```
#2aa0fa rgb(42,160,250)
```
#fa2a38
```
#fa2a38 rgb(250,42,56)
```

Split Complementary Color

#a0fa2a
```
#a0fa2a rgb(160,250,42)
```
#2aa0fa
```
#2aa0fa rgb(42,160,250)
```
#fa2aa0
```
#fa2aa0 rgb(250,42,160)
```

Triadic Color

#2afa84
```
#2afa84 rgb(42,250,132)
```
#2aa0fa
```
#2aa0fa rgb(42,160,250)
```
#fa2aa0
```
#fa2aa0 rgb(250,42,160)
```
#fa842a
```
#fa842a rgb(250,132,42)
```

Tetradic Color

#057ad3
```
#057ad3 rgb(5,122,211)
```
#0688eb
```
#0688eb rgb(6,136,235)
```
#1195f9
```
#1195f9 rgb(17,149,249)
```
#2aa0fa
```
#2aa0fa rgb(42,160,250)
```
#43abfb
```
#43abfb rgb(67,171,251)
```
#5cb6fb
```
#5cb6fb rgb(92,182,251)
```
#75c1fc
```
#75c1fc rgb(117,193,252)
```

Monochromatic Color

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

#2ad4fa
```
#2ad4fa rgb(42,212,250)
```
#2ac3fa
```
#2ac3fa rgb(42,195,250)
```
#2ab1fa
```
#2ab1fa rgb(42,177,250)
```
#2aa0fa
```
#2aa0fa rgb(42,160,250)
```
#2a8ffa
```
#2a8ffa rgb(42,143,250)
```
#2a7dfa
```
#2a7dfa rgb(42,125,250)
```
#2a6cfa
```
#2a6cfa rgb(42,108,250)
```

Similar Colors

Text with hexadecimal color #2aa0fa

This text has a font color of #2aa0fa.

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

#2aa0fa background color

This paragraph has a background color of #2aa0fa.

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

#2aa0fa border color

This element has a border color of #2aa0fa.

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

CSS codes

.text {color:#2aa0fa;}

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

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

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

#000a11
```
#000a11 rgb(0,10,17)
```
#011524
```
#011524 rgb(1,21,36)
```
#012037
```
#012037 rgb(1,32,55)
```
#022b4a
```
#022b4a rgb(2,43,74)
```
#02365e
```
#02365e rgb(2,54,94)
```
#034171
```
#034171 rgb(3,65,113)
```
#034c84
```
#034c84 rgb(3,76,132)
```
#045797
```
#045797 rgb(4,87,151)
```
#0462aa
```
#0462aa rgb(4,98,170)
```
#046dbd
```
#046dbd rgb(4,109,189)
```
#0578d1
```
#0578d1 rgb(5,120,209)
```
#0584e4
```
#0584e4 rgb(5,132,228)
```
#068ff7
```
#068ff7 rgb(6,143,247)
```

Shade Color Variation

#1797fa
```
#1797fa rgb(23,151,250)
```
#2aa0fa
```
#2aa0fa rgb(42,160,250)
```
#3da9fa
```
#3da9fa rgb(61,169,250)
```
#50b1fb
```
#50b1fb rgb(80,177,251)
```
#63bafb
```
#63bafb rgb(99,186,251)
```
#77c2fc
```
#77c2fc rgb(119,194,252)
```
#8acbfc
```
#8acbfc rgb(138,203,252)
```
#9dd3fd
```
#9dd3fd rgb(157,211,253)
```
#b0dcfd
```
#b0dcfd rgb(176,220,253)
```
#c3e4fe
```
#c3e4fe rgb(195,228,254)
```
#d6edfe
```
#d6edfe rgb(214,237,254)
```
#eaf5fe
```
#eaf5fe rgb(234,245,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 #2aa0fa is the most saturated one.

#8f9295
```
#8f9295 rgb(143,146,149)
```
#86949e
```
#86949e rgb(134,148,158)
```
#7e95a6
```
#7e95a6 rgb(126,149,166)
```
#7596af
```
#7596af rgb(117,150,175)
```
#6d97b7
```
#6d97b7 rgb(109,151,183)
```
#6598bf
```
#6598bf rgb(101,152,191)
```
#5c99c8
```
#5c99c8 rgb(92,153,200)
```
#549ad0
```
#549ad0 rgb(84,154,208)
```
#4c9bd8
```
#4c9bd8 rgb(76,155,216)
```
#439de1
```
#439de1 rgb(67,157,225)
```
#3b9ee9
```
#3b9ee9 rgb(59,158,233)
```
#329ff2
```
#329ff2 rgb(50,159,242)
```
#2aa0fa
```
#2aa0fa rgb(42,160,250)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#748c9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b9cf3 Protanopia 1% of men
#5da0fc Deuteranopia 1% of men
#00afba Tritanopia 0.001% of the population

Trichromacy

#5e9ef6 Protanomaly 1% of men, 0.01% of women
#4aa0fb Deuteranomaly 6% of men, 0.4% of women
#0fa9d1 Tritanomaly 0.01% of the population

#2aa0fa hex color

#2aa0fa Color Information

#2aa0fa Color Conversion

Color Schemes with #2aa0fa

Alternatives to #2aa0fa

#2aa0fa Preview

Shades and Tints of #2aa0fa

Tones of #2aa0fa

Color Blindness Simulator