#2a87fa hex color

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

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

● #2a87fa color description : Bright blue.

The hexadecimal color #2a87fa has RGB values of R:42, G:135, B:250 and CMYK values of C:0.83, M:0.46, Y:0, K:0.02. Its decimal value is 2787322.

Hex triplet	2a87fa	`#2a87fa`
RGB Decimal	42, 135, 250	`rgb(42,135,250)`
RGB Percent	16.5, 52.9, 98	`rgb(16.5%,52.9%,98%)`
CMYK	83, 46, 0, 2
HSL	213.2°, 95.4, 57.3	`hsl(213.2,95.4%,57.3%)`
HSV (or HSB)	213.2°, 83.2, 98
Web Safe	3399ff	`#3399ff`

CIE-LAB	56.802, 14.356, -64.777
XYZ	26.87, 24.72, 93.792
xyY	0.185, 0.17, 24.72
CIE-LCH	56.802, 66.349, 282.496
CIE-LUV	56.802, -29.211, -103.896
Hunter-Lab	49.719, 9.46, -77.044
Binary	00101010, 10000111, 11111010

#2a87fa
```
#2a87fa rgb(42,135,250)
```
#fa9d2a
```
#fa9d2a rgb(250,157,42)
```

Complementary Color

#2aeffa
```
#2aeffa rgb(42,239,250)
```
#2a87fa
```
#2a87fa rgb(42,135,250)
```
#352afa
```
#352afa rgb(53,42,250)
```

Analogous Color

#effa2a
```
#effa2a rgb(239,250,42)
```
#2a87fa
```
#2a87fa rgb(42,135,250)
```
#fa352a
```
#fa352a rgb(250,53,42)
```

Split Complementary Color

#87fa2a
```
#87fa2a rgb(135,250,42)
```
#2a87fa
```
#2a87fa rgb(42,135,250)
```
#fa2a87
```
#fa2a87 rgb(250,42,135)
```

Triadic Color

#2afa9d
```
#2afa9d rgb(42,250,157)
```
#2a87fa
```
#2a87fa rgb(42,135,250)
```
#fa2a87
```
#fa2a87 rgb(250,42,135)
```
#fa9d2a
```
#fa9d2a rgb(250,157,42)
```

Tetradic Color

#0561d3
```
#0561d3 rgb(5,97,211)
```
#066ceb
```
#066ceb rgb(6,108,235)
```
#1179f9
```
#1179f9 rgb(17,121,249)
```
#2a87fa
```
#2a87fa rgb(42,135,250)
```
#4395fb
```
#4395fb rgb(67,149,251)
```
#5ca3fb
```
#5ca3fb rgb(92,163,251)
```
#75b1fc
```
#75b1fc rgb(117,177,252)
```

Monochromatic Color

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

#2abbfa
```
#2abbfa rgb(42,187,250)
```
#2aaafa
```
#2aaafa rgb(42,170,250)
```
#2a98fa
```
#2a98fa rgb(42,152,250)
```
#2a87fa
```
#2a87fa rgb(42,135,250)
```
#2a76fa
```
#2a76fa rgb(42,118,250)
```
#2a64fa
```
#2a64fa rgb(42,100,250)
```
#2a53fa
```
#2a53fa rgb(42,83,250)
```

Similar Colors

Text with hexadecimal color #2a87fa

This text has a font color of #2a87fa.

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

#2a87fa background color

This paragraph has a background color of #2a87fa.

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

#2a87fa border color

This element has a border color of #2a87fa.

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

CSS codes

.text {color:#2a87fa;}

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

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

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)
```
#011124
```
#011124 rgb(1,17,36)
```
#011937
```
#011937 rgb(1,25,55)
```
#02224a
```
#02224a rgb(2,34,74)
```
#022b5e
```
#022b5e rgb(2,43,94)
```
#033471
```
#033471 rgb(3,52,113)
```
#033d84
```
#033d84 rgb(3,61,132)
```
#044697
```
#044697 rgb(4,70,151)
```
#044eaa
```
#044eaa rgb(4,78,170)
```
#0457bd
```
#0457bd rgb(4,87,189)
```
#0560d1
```
#0560d1 rgb(5,96,209)
```
#0569e4
```
#0569e4 rgb(5,105,228)
```
#0672f7
```
#0672f7 rgb(6,114,247)
```

Shade Color Variation

#177cfa
```
#177cfa rgb(23,124,250)
```
#2a87fa
```
#2a87fa rgb(42,135,250)
```
#3d92fa
```
#3d92fa rgb(61,146,250)
```
#509dfb
```
#509dfb rgb(80,157,251)
```
#63a7fb
```
#63a7fb rgb(99,167,251)
```
#77b2fc
```
#77b2fc rgb(119,178,252)
```
#8abdfc
```
#8abdfc rgb(138,189,252)
```
#9dc8fd
```
#9dc8fd rgb(157,200,253)
```
#b0d3fd
```
#b0d3fd rgb(176,211,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 #2a87fa is the most saturated one.

#8f9295
```
#8f9295 rgb(143,146,149)
```
#86919e
```
#86919e rgb(134,145,158)
```
#7e90a6
```
#7e90a6 rgb(126,144,166)
```
#758faf
```
#758faf rgb(117,143,175)
```
#6d8eb7
```
#6d8eb7 rgb(109,142,183)
```
#658dbf
```
#658dbf rgb(101,141,191)
```
#5c8cc8
```
#5c8cc8 rgb(92,140,200)
```
#548bd0
```
#548bd0 rgb(84,139,208)
```
#4c8bd8
```
#4c8bd8 rgb(76,139,216)
```
#438ae1
```
#438ae1 rgb(67,138,225)
```
#3b89e9
```
#3b89e9 rgb(59,137,233)
```
#3288f2
```
#3288f2 rgb(50,136,242)
```
#2a87fa
```
#2a87fa rgb(42,135,250)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#687b92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#508af8 Protanopia 1% of men
#0091f0 Deuteranopia 1% of men
#009ca5 Tritanopia 0.001% of the population

Trichromacy

#4289f8 Protanomaly 1% of men, 0.01% of women
#0f8df3 Deuteranomaly 6% of men, 0.4% of women
#0f94c4 Tritanomaly 0.01% of the population

#2a87fa hex color

#2a87fa Color Information

#2a87fa Color Conversion

Color Schemes with #2a87fa

Alternatives to #2a87fa

#2a87fa Preview

Shades and Tints of #2a87fa

Tones of #2a87fa

Color Blindness Simulator