colorhexa.com

#2b45e2 hex color

In a RGB color space, hex #2b45e2 is composed of 16.9% red, 27.1% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 81% cyan, 69.5% magenta, 0% yellow and 11.4% black. It has a hue angle of 231.5 degrees, a saturation of 75.9% and a lightness of 52.7%. #2b45e2 color hex could be obtained by blending #568aff with #0000c5. Closest websafe color is: #3333cc.

- R 17
- G 27
- B 89
RGB color chart
- C 81
- M 69
- Y 0
- K 11
CMYK color chart

● #2b45e2 color description : Bright blue.

The hexadecimal color #2b45e2 has RGB values of R:43, G:69, B:226 and CMYK values of C:0.81, M:0.69, Y:0, K:0.11. Its decimal value is 2835938.

Hex triplet	2b45e2	`#2b45e2`
RGB Decimal	43, 69, 226	`rgb(43,69,226)`
RGB Percent	16.9, 27.1, 88.6	`rgb(16.9%,27.1%,88.6%)`
CMYK	81, 69, 0, 11
HSL	231.5°, 75.9, 52.7	`hsl(231.5,75.9%,52.7%)`
HSV (or HSB)	231.5°, 81, 88.6
Web Safe	3333cc	`#3333cc`

CIE-LAB	38.304, 46.806, -81.449
XYZ	16.849, 10.26, 73.04
xyY	0.168, 0.102, 10.26
CIE-LCH	38.304, 93.94, 299.885
CIE-LUV	38.304, -12.433, -115.273
Hunter-Lab	32.031, 37.843, -112.778
Binary	00101011, 01000101, 11100010

#2b45e2
```
#2b45e2 rgb(43,69,226)
```
#e2c82b
```
#e2c82b rgb(226,200,43)
```

Complementary Color

#2ba1e2
```
#2ba1e2 rgb(43,161,226)
```
#2b45e2
```
#2b45e2 rgb(43,69,226)
```
#6d2be2
```
#6d2be2 rgb(109,43,226)
```

Analogous Color

#a1e22b
```
#a1e22b rgb(161,226,43)
```
#2b45e2
```
#2b45e2 rgb(43,69,226)
```
#e26d2b
```
#e26d2b rgb(226,109,43)
```

Split Complementary Color

#45e22b
```
#45e22b rgb(69,226,43)
```
#2b45e2
```
#2b45e2 rgb(43,69,226)
```
#e22b45
```
#e22b45 rgb(226,43,69)
```

Triadic Color

#2be2c8
```
#2be2c8 rgb(43,226,200)
```
#2b45e2
```
#2b45e2 rgb(43,69,226)
```
#e22b45
```
#e22b45 rgb(226,43,69)
```
#e2c82b
```
#e2c82b rgb(226,200,43)
```

Tetradic Color

#172ca9
```
#172ca9 rgb(23,44,169)
```
#1a32c0
```
#1a32c0 rgb(26,50,192)
```
#1d38d6
```
#1d38d6 rgb(29,56,214)
```
#2b45e2
```
#2b45e2 rgb(43,69,226)
```
#4159e5
```
#4159e5 rgb(65,89,229)
```
#586ce8
```
#586ce8 rgb(88,108,232)
```
#6e80eb
```
#6e80eb rgb(110,128,235)
```

Monochromatic Color

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

#2b73e2
```
#2b73e2 rgb(43,115,226)
```
#2b64e2
```
#2b64e2 rgb(43,100,226)
```
#2b54e2
```
#2b54e2 rgb(43,84,226)
```
#2b45e2
```
#2b45e2 rgb(43,69,226)
```
#2b36e2
```
#2b36e2 rgb(43,54,226)
```
#302be2
```
#302be2 rgb(48,43,226)
```
#3f2be2
```
#3f2be2 rgb(63,43,226)
```

Similar Colors

Text with hexadecimal color #2b45e2

This text has a font color of #2b45e2.

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

#2b45e2 background color

This paragraph has a background color of #2b45e2.

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

#2b45e2 border color

This element has a border color of #2b45e2.

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

CSS codes

.text {color:#2b45e2;}

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

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

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, #02030c is the darkest color, while #fafbfe is the lightest one.

#02030c
```
#02030c rgb(2,3,12)
```
#04081e
```
#04081e rgb(4,8,30)
```
#060c2f
```
#060c2f rgb(6,12,47)
```
#091140
```
#091140 rgb(9,17,64)
```
#0b1551
```
#0b1551 rgb(11,21,81)
```
#0d1a63
```
#0d1a63 rgb(13,26,99)
```
#101e74
```
#101e74 rgb(16,30,116)
```
#122385
```
#122385 rgb(18,35,133)
```
#152796
```
#152796 rgb(21,39,150)
```
#172ba8
```
#172ba8 rgb(23,43,168)
```
#1930b9
```
#1930b9 rgb(25,48,185)
```
#1c34ca
```
#1c34ca rgb(28,52,202)
```
#1e39db
```
#1e39db rgb(30,57,219)
```

Shade Color Variation

#2b45e2
```
#2b45e2 rgb(43,69,226)
```
#3c54e4
```
#3c54e4 rgb(60,84,228)
```
#4e63e7
```
#4e63e7 rgb(78,99,231)
```
#5f72e9
```
#5f72e9 rgb(95,114,233)
```
#7082eb
```
#7082eb rgb(112,130,235)
```
#8191ee
```
#8191ee rgb(129,145,238)
```
#93a0f0
```
#93a0f0 rgb(147,160,240)
```
#a4aff3
```
#a4aff3 rgb(164,175,243)
```
#b5bef5
```
#b5bef5 rgb(181,190,245)
```
#c6cdf7
```
#c6cdf7 rgb(198,205,247)
```
#d8dcfa
```
#d8dcfa rgb(216,220,250)
```
#e9ecfc
```
#e9ecfc rgb(233,236,252)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e818f is the less saturated color, while #0f31fe is the most saturated one.

#7e818f
```
#7e818f rgb(126,129,143)
```
#757a98
```
#757a98 rgb(117,122,152)
```
#6c73a1
```
#6c73a1 rgb(108,115,161)
```
#636daa
```
#636daa rgb(99,109,170)
```
#5966b4
```
#5966b4 rgb(89,102,180)
```
#5060bd
```
#5060bd rgb(80,96,189)
```
#4759c6
```
#4759c6 rgb(71,89,198)
```
#3e52cf
```
#3e52cf rgb(62,82,207)
```
#344cd9
```
#344cd9 rgb(52,76,217)
```
#2b45e2
```
#2b45e2 rgb(43,69,226)
```
#223eeb
```
#223eeb rgb(34,62,235)
```
#1838f5
```
#1838f5 rgb(24,56,245)
```
#0f31fe
```
#0f31fe rgb(15,49,254)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#484d6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fba Protanopia 1% of men
#0065a1 Deuteranopia 1% of men
#006c71 Tritanopia 0.001% of the population

Trichromacy

#0f56c8 Protanomaly 1% of men, 0.01% of women
#0f59b9 Deuteranomaly 6% of men, 0.4% of women
#0f5e9a Tritanomaly 0.01% of the population