#2a7bfd hex color

In a RGB color space, hex #2a7bfd is composed of 16.5% red, 48.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 83.4% cyan, 51.4% magenta, 0% yellow and 0.8% black. It has a hue angle of 217 degrees, a saturation of 98.1% and a lightness of 57.8%. #2a7bfd color hex could be obtained by blending #54f6ff with #0000fb. Closest websafe color is: #3366ff.

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

● #2a7bfd color description : Bright blue.

The hexadecimal color #2a7bfd has RGB values of R:42, G:123, B:253 and CMYK values of C:0.83, M:0.51, Y:0, K:0.01. Its decimal value is 2784253.

Hex triplet	2a7bfd	`#2a7bfd`
RGB Decimal	42, 123, 253	`rgb(42,123,253)`
RGB Percent	16.5, 48.2, 99.2	`rgb(16.5%,48.2%,99.2%)`
CMYK	83, 51, 0, 1
HSL	217°, 98.1, 57.8	`hsl(217,98.1%,57.8%)`
HSV (or HSB)	217°, 83.4, 99.2
Web Safe	3366ff	`#3366ff`

CIE-LAB	53.758, 22.905, -71.348
XYZ	25.764, 21.748, 95.763
xyY	0.18, 0.152, 21.748
CIE-LCH	53.758, 74.934, 287.798
CIE-LUV	53.758, -25.602, -113.326
Hunter-Lab	46.635, 17.003, -89.106
Binary	00101010, 01111011, 11111101

#2a7bfd
```
#2a7bfd rgb(42,123,253)
```
#fdac2a
```
#fdac2a rgb(253,172,42)
```

Complementary Color

#2ae5fd
```
#2ae5fd rgb(42,229,253)
```
#2a7bfd
```
#2a7bfd rgb(42,123,253)
```
#422afd
```
#422afd rgb(66,42,253)
```

Analogous Color

#e5fd2a
```
#e5fd2a rgb(229,253,42)
```
#2a7bfd
```
#2a7bfd rgb(42,123,253)
```
#fd422a
```
#fd422a rgb(253,66,42)
```

Split Complementary Color

#7bfd2a
```
#7bfd2a rgb(123,253,42)
```
#2a7bfd
```
#2a7bfd rgb(42,123,253)
```
#fd2a7b
```
#fd2a7b rgb(253,42,123)
```

Triadic Color

#2afdac
```
#2afdac rgb(42,253,172)
```
#2a7bfd
```
#2a7bfd rgb(42,123,253)
```
#fd2a7b
```
#fd2a7b rgb(253,42,123)
```
#fdac2a
```
#fdac2a rgb(253,172,42)
```

Tetradic Color

#0254d8
```
#0254d8 rgb(2,84,216)
```
#025ef2
```
#025ef2 rgb(2,94,242)
```
#116bfd
```
#116bfd rgb(17,107,253)
```
#2a7bfd
```
#2a7bfd rgb(42,123,253)
```
#438bfd
```
#438bfd rgb(67,139,253)
```
#5d9afd
```
#5d9afd rgb(93,154,253)
```
#76aafe
```
#76aafe rgb(118,170,254)
```

Monochromatic Color

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

#2ab0fd
```
#2ab0fd rgb(42,176,253)
```
#2a9efd
```
#2a9efd rgb(42,158,253)
```
#2a8dfd
```
#2a8dfd rgb(42,141,253)
```
#2a7bfd
```
#2a7bfd rgb(42,123,253)
```
#2a69fd
```
#2a69fd rgb(42,105,253)
```
#2a58fd
```
#2a58fd rgb(42,88,253)
```
#2a46fd
```
#2a46fd rgb(42,70,253)
```

Similar Colors

Text with hexadecimal color #2a7bfd

This text has a font color of #2a7bfd.

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

#2a7bfd background color

This paragraph has a background color of #2a7bfd.

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

#2a7bfd border color

This element has a border color of #2a7bfd.

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

CSS codes

.text {color:#2a7bfd;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#000814
```
#000814 rgb(0,8,20)
```
#000f28
```
#000f28 rgb(0,15,40)
```
#01173b
```
#01173b rgb(1,23,59)
```
#011f4e
```
#011f4e rgb(1,31,78)
```
#012662
```
#012662 rgb(1,38,98)
```
#012e75
```
#012e75 rgb(1,46,117)
```
#013589
```
#013589 rgb(1,53,137)
```
#013d9c
```
#013d9c rgb(1,61,156)
```
#0244b0
```
#0244b0 rgb(2,68,176)
```
#024cc3
```
#024cc3 rgb(2,76,195)
```
#0254d7
```
#0254d7 rgb(2,84,215)
```
#025bea
```
#025bea rgb(2,91,234)
```

Shade Color Variation

#0363fd
```
#0363fd rgb(3,99,253)
```
#176ffd
```
#176ffd rgb(23,111,253)
```
#2a7bfd
```
#2a7bfd rgb(42,123,253)
```
#3d87fd
```
#3d87fd rgb(61,135,253)
```
#5193fd
```
#5193fd rgb(81,147,253)
```
#649ffe
```
#649ffe rgb(100,159,254)
```
#78abfe
```
#78abfe rgb(120,171,254)
```
#8bb7fe
```
#8bb7fe rgb(139,183,254)
```
#9fc3fe
```
#9fc3fe rgb(159,195,254)
```
#b2cffe
```
#b2cffe rgb(178,207,254)
```
#c5dbfe
```
#c5dbfe rgb(197,219,254)
```
#d9e7ff
```
#d9e7ff rgb(217,231,255)
```
#ecf3ff
```
#ecf3ff rgb(236,243,255)
```

Tint Color Variation

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

#8d929a
```
#8d929a rgb(141,146,154)
```
#8590a2
```
#8590a2 rgb(133,144,162)
```
#7d8eaa
```
#7d8eaa rgb(125,142,170)
```
#748cb3
```
#748cb3 rgb(116,140,179)
```
#6c8abb
```
#6c8abb rgb(108,138,187)
```
#6488c3
```
#6488c3 rgb(100,136,195)
```
#5c87cb
```
#5c87cb rgb(92,135,203)
```
#5385d4
```
#5385d4 rgb(83,133,212)
```
#4b83dc
```
#4b83dc rgb(75,131,220)
```
#4381e4
```
#4381e4 rgb(67,129,228)
```
#3b7fec
```
#3b7fec rgb(59,127,236)
```
#327df5
```
#327df5 rgb(50,125,245)
```
#2a7bfd
```
#2a7bfd rgb(42,123,253)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#64748e Atypical Achromatopsia 0.001% of the population

Dichromacy

#2182fe Protanopia 1% of men
#0089e1 Deuteranopia 1% of men
#00949c Tritanopia 0.001% of the population

Trichromacy

#2480fd Protanomaly 1% of men, 0.01% of women
#0f84eb Deuteranomaly 6% of men, 0.4% of women
#0f8bbf Tritanomaly 0.01% of the population

#2a7bfd hex color

#2a7bfd Color Information

#2a7bfd Color Conversion

Color Schemes with #2a7bfd

Alternatives to #2a7bfd

#2a7bfd Preview

Shades and Tints of #2a7bfd

Tones of #2a7bfd

Color Blindness Simulator