#2b4ae2 hex color

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

♥
- f
- t
- g
- R 17
- G 29
- B 89
RGB color chart
- C 81
- M 67
- Y 0
- K 11
CMYK color chart

● #2b4ae2 color description : Bright blue.

The hexadecimal color #2b4ae2 has RGB values of R:43, G:74, B:226 and CMYK values of C:0.81, M:0.67, Y:0, K:0.11. Its decimal value is 2837218.

Hex triplet	2b4ae2	`#2b4ae2`
RGB Decimal	43, 74, 226	`rgb(43,74,226)`
RGB Percent	16.9, 29, 88.6	`rgb(16.9%,29%,88.6%)`
CMYK	81, 67, 0, 11
HSL	229.8°, 75.9, 52.7	`hsl(229.8,75.9%,52.7%)`
HSV (or HSB)	229.8°, 81, 88.6
Web Safe	3333cc	`#3333cc`

CIE-LAB	39.413, 43.798, -79.623
XYZ	17.17, 10.901, 73.147
xyY	0.17, 0.108, 10.901
CIE-LCH	39.413, 90.874, 298.814
CIE-LUV	39.413, -13.422, -114.331
Hunter-Lab	33.016, 35.047, -108.243
Binary	00101011, 01001010, 11100010

#2b4ae2
```
#2b4ae2 rgb(43,74,226)
```
#e2c32b
```
#e2c32b rgb(226,195,43)
```

Complementary Color

#2ba6e2
```
#2ba6e2 rgb(43,166,226)
```
#2b4ae2
```
#2b4ae2 rgb(43,74,226)
```
#682be2
```
#682be2 rgb(104,43,226)
```

Analogous Color

#a6e22b
```
#a6e22b rgb(166,226,43)
```
#2b4ae2
```
#2b4ae2 rgb(43,74,226)
```
#e2682b
```
#e2682b rgb(226,104,43)
```

Split Complementary Color

#4ae22b
```
#4ae22b rgb(74,226,43)
```
#2b4ae2
```
#2b4ae2 rgb(43,74,226)
```
#e22b4a
```
#e22b4a rgb(226,43,74)
```

Triadic Color

#2be2c3
```
#2be2c3 rgb(43,226,195)
```
#2b4ae2
```
#2b4ae2 rgb(43,74,226)
```
#e22b4a
```
#e22b4a rgb(226,43,74)
```
#e2c32b
```
#e2c32b rgb(226,195,43)
```

Tetradic Color

#1730a9
```
#1730a9 rgb(23,48,169)
```
#1a36c0
```
#1a36c0 rgb(26,54,192)
```
#1d3dd6
```
#1d3dd6 rgb(29,61,214)
```
#2b4ae2
```
#2b4ae2 rgb(43,74,226)
```
#415de5
```
#415de5 rgb(65,93,229)
```
#5870e8
```
#5870e8 rgb(88,112,232)
```
#6e83eb
```
#6e83eb rgb(110,131,235)
```

Monochromatic Color

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

#2b78e2
```
#2b78e2 rgb(43,120,226)
```
#2b69e2
```
#2b69e2 rgb(43,105,226)
```
#2b59e2
```
#2b59e2 rgb(43,89,226)
```
#2b4ae2
```
#2b4ae2 rgb(43,74,226)
```
#2b3be2
```
#2b3be2 rgb(43,59,226)
```
#2b2ce2
```
#2b2ce2 rgb(43,44,226)
```
#3a2be2
```
#3a2be2 rgb(58,43,226)
```

Similar Colors

Text with hexadecimal color #2b4ae2

This text has a font color of #2b4ae2.

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

#2b4ae2 background color

This paragraph has a background color of #2b4ae2.

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

#2b4ae2 border color

This element has a border color of #2b4ae2.

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

CSS codes

.text {color:#2b4ae2;}

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

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

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)
```
#060d2f
```
#060d2f rgb(6,13,47)
```
#091240
```
#091240 rgb(9,18,64)
```
#0b1751
```
#0b1751 rgb(11,23,81)
```
#0d1c63
```
#0d1c63 rgb(13,28,99)
```
#102174
```
#102174 rgb(16,33,116)
```
#122685
```
#122685 rgb(18,38,133)
```
#152b96
```
#152b96 rgb(21,43,150)
```
#172fa8
```
#172fa8 rgb(23,47,168)
```
#1934b9
```
#1934b9 rgb(25,52,185)
```
#1c39ca
```
#1c39ca rgb(28,57,202)
```
#1e3edb
```
#1e3edb rgb(30,62,219)
```

Shade Color Variation

#2b4ae2
```
#2b4ae2 rgb(43,74,226)
```
#3c59e4
```
#3c59e4 rgb(60,89,228)
```
#4e67e7
```
#4e67e7 rgb(78,103,231)
```
#5f76e9
```
#5f76e9 rgb(95,118,233)
```
#7085eb
```
#7085eb rgb(112,133,235)
```
#8194ee
```
#8194ee rgb(129,148,238)
```
#93a2f0
```
#93a2f0 rgb(147,162,240)
```
#a4b1f3
```
#a4b1f3 rgb(164,177,243)
```
#b5c0f5
```
#b5c0f5 rgb(181,192,245)
```
#c6cff7
```
#c6cff7 rgb(198,207,247)
```
#d8ddfa
```
#d8ddfa rgb(216,221,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 #0f38fe is the most saturated one.

#7e818f
```
#7e818f rgb(126,129,143)
```
#757b98
```
#757b98 rgb(117,123,152)
```
#6c75a1
```
#6c75a1 rgb(108,117,161)
```
#636faa
```
#636faa rgb(99,111,170)
```
#5969b4
```
#5969b4 rgb(89,105,180)
```
#5063bd
```
#5063bd rgb(80,99,189)
```
#475cc6
```
#475cc6 rgb(71,92,198)
```
#3e56cf
```
#3e56cf rgb(62,86,207)
```
#3450d9
```
#3450d9 rgb(52,80,217)
```
#2b4ae2
```
#2b4ae2 rgb(43,74,226)
```
#2244eb
```
#2244eb rgb(34,68,235)
```
#183ef5
```
#183ef5 rgb(24,62,245)
```
#0f38fe
```
#0f38fe rgb(15,56,254)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#4a506f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062bf Protanopia 1% of men
#0068a6 Deuteranopia 1% of men
#006f74 Tritanopia 0.001% of the population

Trichromacy

#0f59cc Protanomaly 1% of men, 0.01% of women
#0f5dbc Deuteranomaly 6% of men, 0.4% of women
#0f619c Tritanomaly 0.01% of the population

#2b4ae2 hex color

#2b4ae2 Color Information

#2b4ae2 Color Conversion

Color Schemes with #2b4ae2

Alternatives to #2b4ae2

#2b4ae2 Preview

Shades and Tints of #2b4ae2

Tones of #2b4ae2

Color Blindness Simulator