#2a5be8 hex color

In a RGB color space, hex #2a5be8 is composed of 16.5% red, 35.7% green and 91% blue. Whereas in a CMYK color space, it is composed of 81.9% cyan, 60.8% magenta, 0% yellow and 9% black. It has a hue angle of 224.5 degrees, a saturation of 80.5% and a lightness of 53.7%. #2a5be8 color hex could be obtained by blending #54b6ff with #0000d1. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 16
- G 36
- B 91
RGB color chart
- C 82
- M 61
- Y 0
- K 9
CMYK color chart

● #2a5be8 color description : Bright blue.

The hexadecimal color #2a5be8 has RGB values of R:42, G:91, B:232 and CMYK values of C:0.82, M:0.61, Y:0, K:0.09. Its decimal value is 2776040.

Hex triplet	2a5be8	`#2a5be8`
RGB Decimal	42, 91, 232	`rgb(42,91,232)`
RGB Percent	16.5, 35.7, 91	`rgb(16.5%,35.7%,91%)`
CMYK	82, 61, 0, 9
HSL	224.5°, 80.5, 53.7	`hsl(224.5,80.5%,53.7%)`
HSV (or HSB)	224.5°, 81.9, 91
Web Safe	3366ff	`#3366ff`

CIE-LAB	43.943, 35.296, -75.594
XYZ	19.258, 13.799, 77.988
xyY	0.173, 0.124, 13.799
CIE-LCH	43.943, 83.428, 295.028
CIE-LUV	43.943, -17.396, -113.382
Hunter-Lab	37.147, 27.533, -98.472
Binary	00101010, 01011011, 11101000

#2a5be8
```
#2a5be8 rgb(42,91,232)
```
#e8b72a
```
#e8b72a rgb(232,183,42)
```

Complementary Color

#2abae8
```
#2abae8 rgb(42,186,232)
```
#2a5be8
```
#2a5be8 rgb(42,91,232)
```
#582ae8
```
#582ae8 rgb(88,42,232)
```

Analogous Color

#bae82a
```
#bae82a rgb(186,232,42)
```
#2a5be8
```
#2a5be8 rgb(42,91,232)
```
#e8582a
```
#e8582a rgb(232,88,42)
```

Split Complementary Color

#5be82a
```
#5be82a rgb(91,232,42)
```
#2a5be8
```
#2a5be8 rgb(42,91,232)
```
#e82a5b
```
#e82a5b rgb(232,42,91)
```

Triadic Color

#2ae8b7
```
#2ae8b7 rgb(42,232,183)
```
#2a5be8
```
#2a5be8 rgb(42,91,232)
```
#e82a5b
```
#e82a5b rgb(232,42,91)
```
#e8b72a
```
#e8b72a rgb(232,183,42)
```

Tetradic Color

#133cb2
```
#133cb2 rgb(19,60,178)
```
#1644c9
```
#1644c9 rgb(22,68,201)
```
#184ce0
```
#184ce0 rgb(24,76,224)
```
#2a5be8
```
#2a5be8 rgb(42,91,232)
```
#416dea
```
#416dea rgb(65,109,234)
```
#587eed
```
#587eed rgb(88,126,237)
```
#6f90ef
```
#6f90ef rgb(111,144,239)
```

Monochromatic Color

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

#2a8be8
```
#2a8be8 rgb(42,139,232)
```
#2a7be8
```
#2a7be8 rgb(42,123,232)
```
#2a6be8
```
#2a6be8 rgb(42,107,232)
```
#2a5be8
```
#2a5be8 rgb(42,91,232)
```
#2a4be8
```
#2a4be8 rgb(42,75,232)
```
#2a3be8
```
#2a3be8 rgb(42,59,232)
```
#2a2be8
```
#2a2be8 rgb(42,43,232)
```

Similar Colors

Text with hexadecimal color #2a5be8

This text has a font color of #2a5be8.

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

#2a5be8 background color

This paragraph has a background color of #2a5be8.

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

#2a5be8 border color

This element has a border color of #2a5be8.

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

CSS codes

.text {color:#2a5be8;}

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

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

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

#020611
```
#020611 rgb(2,6,17)
```
#040c23
```
#040c23 rgb(4,12,35)
```
#061235
```
#061235 rgb(6,18,53)
```
#081846
```
#081846 rgb(8,24,70)
```
#091e58
```
#091e58 rgb(9,30,88)
```
#0b246a
```
#0b246a rgb(11,36,106)
```
#0d2a7b
```
#0d2a7b rgb(13,42,123)
```
#0f308d
```
#0f308d rgb(15,48,141)
```
#11369f
```
#11369f rgb(17,54,159)
```
#133cb0
```
#133cb0 rgb(19,60,176)
```
#1542c2
```
#1542c2 rgb(21,66,194)
```
#1748d4
```
#1748d4 rgb(23,72,212)
```
#194ee6
```
#194ee6 rgb(25,78,230)
```

Shade Color Variation

#2a5be8
```
#2a5be8 rgb(42,91,232)
```
#3c69ea
```
#3c69ea rgb(60,105,234)
```
#4d76ec
```
#4d76ec rgb(77,118,236)
```
#5f84ee
```
#5f84ee rgb(95,132,238)
```
#7192f0
```
#7192f0 rgb(113,146,240)
```
#839ff2
```
#839ff2 rgb(131,159,242)
```
#94adf3
```
#94adf3 rgb(148,173,243)
```
#a6baf5
```
#a6baf5 rgb(166,186,245)
```
#b8c8f7
```
#b8c8f7 rgb(184,200,247)
```
#c9d6f9
```
#c9d6f9 rgb(201,214,249)
```
#dbe3fb
```
#dbe3fb rgb(219,227,251)
```
#edf1fd
```
#edf1fd rgb(237,241,253)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #85878d is the less saturated color, while #1852fa is the most saturated one.

#85878d
```
#85878d rgb(133,135,141)
```
#7c8396
```
#7c8396 rgb(124,131,150)
```
#737e9f
```
#737e9f rgb(115,126,159)
```
#6a7aa8
```
#6a7aa8 rgb(106,122,168)
```
#6075b2
```
#6075b2 rgb(96,117,178)
```
#5771bb
```
#5771bb rgb(87,113,187)
```
#4e6dc4
```
#4e6dc4 rgb(78,109,196)
```
#4568cd
```
#4568cd rgb(69,104,205)
```
#3c64d6
```
#3c64d6 rgb(60,100,214)
```
#335fdf
```
#335fdf rgb(51,95,223)
```
#2a5be8
```
#2a5be8 rgb(42,91,232)
```
#2157f1
```
#2157f1 rgb(33,87,241)
```
#1852fa
```
#1852fa rgb(24,82,250)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#525c78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd3 Protanopia 1% of men
#0072b8 Deuteranopia 1% of men
#007a81 Tritanopia 0.001% of the population

Trichromacy

#0f66db Protanomaly 1% of men, 0.01% of women
#0f69c9 Deuteranomaly 6% of men, 0.4% of women
#0f6fa6 Tritanomaly 0.01% of the population

#2a5be8 hex color

#2a5be8 Color Information

#2a5be8 Color Conversion

Color Schemes with #2a5be8

Alternatives to #2a5be8

#2a5be8 Preview

Shades and Tints of #2a5be8

Tones of #2a5be8

Color Blindness Simulator