#2a5bfe hex color

In a RGB color space, hex #2a5bfe is composed of 16.5% red, 35.7% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 83.5% cyan, 64.2% magenta, 0% yellow and 0.4% black. It has a hue angle of 226.1 degrees, a saturation of 99.1% and a lightness of 58%. #2a5bfe color hex could be obtained by blending #54b6ff with #0000fd. Closest websafe color is: #3366ff.

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

● #2a5bfe color description : Bright blue.

The hexadecimal color #2a5bfe has RGB values of R:42, G:91, B:254 and CMYK values of C:0.83, M:0.64, Y:0, K:0. Its decimal value is 2776062.

Hex triplet	2a5bfe	`#2a5bfe`
RGB Decimal	42, 91, 254	`rgb(42,91,254)`
RGB Percent	16.5, 35.7, 99.6	`rgb(16.5%,35.7%,99.6%)`
CMYK	83, 64, 0, 0
HSL	226.1°, 99.1, 58	`hsl(226.1,99.1%,58%)`
HSV (or HSB)	226.1°, 83.5, 99.6
Web Safe	3366ff	`#3366ff`

CIE-LAB	45.81, 43.256, -84.87
XYZ	22.582, 15.128, 95.49
xyY	0.17, 0.114, 15.128
CIE-LCH	45.81, 95.258, 297.007
CIE-LUV	45.81, -17.457, -127.624
Hunter-Lab	38.895, 35.566, -118.334
Binary	00101010, 01011011, 11111110

#2a5bfe
```
#2a5bfe rgb(42,91,254)
```
#fecd2a
```
#fecd2a rgb(254,205,42)
```

Complementary Color

#2ac5fe
```
#2ac5fe rgb(42,197,254)
```
#2a5bfe
```
#2a5bfe rgb(42,91,254)
```
#632afe
```
#632afe rgb(99,42,254)
```

Analogous Color

#c5fe2a
```
#c5fe2a rgb(197,254,42)
```
#2a5bfe
```
#2a5bfe rgb(42,91,254)
```
#fe632a
```
#fe632a rgb(254,99,42)
```

Split Complementary Color

#5bfe2a
```
#5bfe2a rgb(91,254,42)
```
#2a5bfe
```
#2a5bfe rgb(42,91,254)
```
#fe2a5b
```
#fe2a5b rgb(254,42,91)
```

Triadic Color

#2afecd
```
#2afecd rgb(42,254,205)
```
#2a5bfe
```
#2a5bfe rgb(42,91,254)
```
#fe2a5b
```
#fe2a5b rgb(254,42,91)
```
#fecd2a
```
#fecd2a rgb(254,205,42)
```

Tetradic Color

#0133da
```
#0133da rgb(1,51,218)
```
#0139f4
```
#0139f4 rgb(1,57,244)
```
#1147fe
```
#1147fe rgb(17,71,254)
```
#2a5bfe
```
#2a5bfe rgb(42,91,254)
```
#436ffe
```
#436ffe rgb(67,111,254)
```
#5d82fe
```
#5d82fe rgb(93,130,254)
```
#7696fe
```
#7696fe rgb(118,150,254)
```

Monochromatic Color

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

#2a90fe
```
#2a90fe rgb(42,144,254)
```
#2a7efe
```
#2a7efe rgb(42,126,254)
```
#2a6dfe
```
#2a6dfe rgb(42,109,254)
```
#2a5bfe
```
#2a5bfe rgb(42,91,254)
```
#2a49fe
```
#2a49fe rgb(42,73,254)
```
#2a38fe
```
#2a38fe rgb(42,56,254)
```
#2e2afe
```
#2e2afe rgb(46,42,254)
```

Similar Colors

Text with hexadecimal color #2a5bfe

This text has a font color of #2a5bfe.

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

#2a5bfe background color

This paragraph has a background color of #2a5bfe.

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

#2a5bfe border color

This element has a border color of #2a5bfe.

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

CSS codes

.text {color:#2a5bfe;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#000515
```
#000515 rgb(0,5,21)
```
#000a29
```
#000a29 rgb(0,10,41)
```
#000e3c
```
#000e3c rgb(0,14,60)
```
#001350
```
#001350 rgb(0,19,80)
```
#001763
```
#001763 rgb(0,23,99)
```
#011c77
```
#011c77 rgb(1,28,119)
```
#01208a
```
#01208a rgb(1,32,138)
```
#01259e
```
#01259e rgb(1,37,158)
```
#012ab1
```
#012ab1 rgb(1,42,177)
```
#012ec5
```
#012ec5 rgb(1,46,197)
```
#0133d9
```
#0133d9 rgb(1,51,217)
```
#0137ec
```
#0137ec rgb(1,55,236)
```

Shade Color Variation

#033dfe
```
#033dfe rgb(3,61,254)
```
#164cfe
```
#164cfe rgb(22,76,254)
```
#2a5bfe
```
#2a5bfe rgb(42,91,254)
```
#3e6afe
```
#3e6afe rgb(62,106,254)
```
#5179fe
```
#5179fe rgb(81,121,254)
```
#6588fe
```
#6588fe rgb(101,136,254)
```
#7897fe
```
#7897fe rgb(120,151,254)
```
#8ca6fe
```
#8ca6fe rgb(140,166,254)
```
#9fb5ff
```
#9fb5ff rgb(159,181,255)
```
#b3c4ff
```
#b3c4ff rgb(179,196,255)
```
#c6d3ff
```
#c6d3ff rgb(198,211,255)
```
#dae2ff
```
#dae2ff rgb(218,226,255)
```
#edf1ff
```
#edf1ff rgb(237,241,255)
```

Tint Color Variation

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

#8d909b
```
#8d909b rgb(141,144,155)
```
#858ca3
```
#858ca3 rgb(133,140,163)
```
#7c87ac
```
#7c87ac rgb(124,135,172)
```
#7483b4
```
#7483b4 rgb(116,131,180)
```
#6c7ebc
```
#6c7ebc rgb(108,126,188)
```
#647ac4
```
#647ac4 rgb(100,122,196)
```
#5b76cd
```
#5b76cd rgb(91,118,205)
```
#5371d5
```
#5371d5 rgb(83,113,213)
```
#4b6ddd
```
#4b6ddd rgb(75,109,221)
```
#4368e5
```
#4368e5 rgb(67,104,229)
```
#3a64ee
```
#3a64ee rgb(58,100,238)
```
#325ff6
```
#325ff6 rgb(50,95,246)
```
#2a5bfe
```
#2a5bfe rgb(42,91,254)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#545e7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070db Protanopia 1% of men
#0077be Deuteranopia 1% of men
#007f86 Tritanopia 0.001% of the population

Trichromacy

#0f68e8 Protanomaly 1% of men, 0.01% of women
#0f6cd5 Deuteranomaly 6% of men, 0.4% of women
#0f72b1 Tritanomaly 0.01% of the population

#2a5bfe hex color

#2a5bfe Color Information

#2a5bfe Color Conversion

Color Schemes with #2a5bfe

Alternatives to #2a5bfe

#2a5bfe Preview

Shades and Tints of #2a5bfe

Tones of #2a5bfe

Color Blindness Simulator