colorhexa.com

#3b4ae2 hex color

In a RGB color space, hex #3b4ae2 is composed of 23.1% red, 29% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 73.9% cyan, 67.3% magenta, 0% yellow and 11.4% black. It has a hue angle of 234.6 degrees, a saturation of 74.2% and a lightness of 55.9%. #3b4ae2 color hex could be obtained by blending #7694ff with #0000c5. Closest websafe color is: #3333cc.

- R 23
- G 29
- B 89
RGB color chart
- C 74
- M 67
- Y 0
- K 11
CMYK color chart

● #3b4ae2 color description : Bright blue.

The hexadecimal color #3b4ae2 has RGB values of R:59, G:74, B:226 and CMYK values of C:0.74, M:0.67, Y:0, K:0.11. Its decimal value is 3885794.

Hex triplet	3b4ae2	`#3b4ae2`
RGB Decimal	59, 74, 226	`rgb(59,74,226)`
RGB Percent	23.1, 29, 88.6	`rgb(23.1%,29%,88.6%)`
CMYK	74, 67, 0, 11
HSL	234.6°, 74.2, 55.9	`hsl(234.6,74.2%,55.9%)`
HSV (or HSB)	234.6°, 73.9, 88.6
Web Safe	3333cc	`#3333cc`

CIE-LAB	40.11, 45.158, -78.452
XYZ	17.977, 11.317, 73.184
xyY	0.175, 0.11, 11.317
CIE-LCH	40.11, 90.52, 299.925
CIE-LUV	40.11, -11.099, -113.804
Hunter-Lab	33.641, 36.515, -105.434
Binary	00111011, 01001010, 11100010

#3b4ae2
```
#3b4ae2 rgb(59,74,226)
```
#e2d33b
```
#e2d33b rgb(226,211,59)
```

Complementary Color

#3b9ee2
```
#3b9ee2 rgb(59,158,226)
```
#3b4ae2
```
#3b4ae2 rgb(59,74,226)
```
#803be2
```
#803be2 rgb(128,59,226)
```

Analogous Color

#9ee23b
```
#9ee23b rgb(158,226,59)
```
#3b4ae2
```
#3b4ae2 rgb(59,74,226)
```
#e2803b
```
#e2803b rgb(226,128,59)
```

Split Complementary Color

#4ae23b
```
#4ae23b rgb(74,226,59)
```
#3b4ae2
```
#3b4ae2 rgb(59,74,226)
```
#e23b4a
```
#e23b4a rgb(226,59,74)
```

Triadic Color

#3be2d3
```
#3be2d3 rgb(59,226,211)
```
#3b4ae2
```
#3b4ae2 rgb(59,74,226)
```
#e23b4a
```
#e23b4a rgb(226,59,74)
```
#e2d33b
```
#e2d33b rgb(226,211,59)
```

Tetradic Color

#1b29b6
```
#1b29b6 rgb(27,41,182)
```
#1e2ecc
```
#1e2ecc rgb(30,46,204)
```
#2535df
```
#2535df rgb(37,53,223)
```
#3b4ae2
```
#3b4ae2 rgb(59,74,226)
```
#515fe5
```
#515fe5 rgb(81,95,229)
```
#6773e9
```
#6773e9 rgb(103,115,233)
```
#7e88ec
```
#7e88ec rgb(126,136,236)
```

Monochromatic Color

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

#3b74e2
```
#3b74e2 rgb(59,116,226)
```
#3b66e2
```
#3b66e2 rgb(59,102,226)
```
#3b58e2
```
#3b58e2 rgb(59,88,226)
```
#3b4ae2
```
#3b4ae2 rgb(59,74,226)
```
#3b3ce2
```
#3b3ce2 rgb(59,60,226)
```
#483be2
```
#483be2 rgb(72,59,226)
```
#563be2
```
#563be2 rgb(86,59,226)
```

Similar Colors

Text with hexadecimal color #3b4ae2

This text has a font color of #3b4ae2.

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

#3b4ae2 background color

This paragraph has a background color of #3b4ae2.

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

#3b4ae2 border color

This element has a border color of #3b4ae2.

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

CSS codes

.text {color:#3b4ae2;}

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

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

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

#010209
```
#010209 rgb(1,2,9)
```
#04061a
```
#04061a rgb(4,6,26)
```
#060a2b
```
#060a2b rgb(6,10,43)
```
#090e3c
```
#090e3c rgb(9,14,60)
```
#0b114d
```
#0b114d rgb(11,17,77)
```
#0e155e
```
#0e155e rgb(14,21,94)
```
#111970
```
#111970 rgb(17,25,112)
```
#131d81
```
#131d81 rgb(19,29,129)
```
#162192
```
#162192 rgb(22,33,146)
```
#1825a3
```
#1825a3 rgb(24,37,163)
```
#1b28b4
```
#1b28b4 rgb(27,40,180)
```
#1d2cc5
```
#1d2cc5 rgb(29,44,197)
```
#2030d6
```
#2030d6 rgb(32,48,214)
```

Shade Color Variation

#2a3adf
```
#2a3adf rgb(42,58,223)
```
#3b4ae2
```
#3b4ae2 rgb(59,74,226)
```
#4c5ae5
```
#4c5ae5 rgb(76,90,229)
```
#5d6ae7
```
#5d6ae7 rgb(93,106,231)
```
#6e79ea
```
#6e79ea rgb(110,121,234)
```
#7f89ec
```
#7f89ec rgb(127,137,236)
```
#9099ef
```
#9099ef rgb(144,153,239)
```
#a2a9f1
```
#a2a9f1 rgb(162,169,241)
```
#b3b8f4
```
#b3b8f4 rgb(179,184,244)
```
#c4c8f6
```
#c4c8f6 rgb(196,200,246)
```
#d5d8f9
```
#d5d8f9 rgb(213,216,249)
```
#e6e8fb
```
#e6e8fb rgb(230,232,251)
```
#f7f8fe
```
#f7f8fe rgb(247,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #898a94 is the less saturated color, while #2135fc is the most saturated one.

#898a94
```
#898a94 rgb(137,138,148)
```
#80839d
```
#80839d rgb(128,131,157)
```
#787ca5
```
#787ca5 rgb(120,124,165)
```
#6f75ae
```
#6f75ae rgb(111,117,174)
```
#666db7
```
#666db7 rgb(102,109,183)
```
#5e66bf
```
#5e66bf rgb(94,102,191)
```
#555fc8
```
#555fc8 rgb(85,95,200)
```
#4c58d1
```
#4c58d1 rgb(76,88,209)
```
#4451d9
```
#4451d9 rgb(68,81,217)
```
#3b4ae2
```
#3b4ae2 rgb(59,74,226)
```
#3243eb
```
#3243eb rgb(50,67,235)
```
#2a3cf3
```
#2a3cf3 rgb(42,60,243)
```
#2135fc
```
#2135fc rgb(33,53,252)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#515473 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c2 Protanopia 1% of men
#0069a9 Deuteranopia 1% of men
#007177 Tritanopia 0.001% of the population

Trichromacy

#155ace Protanomaly 1% of men, 0.01% of women
#155ebd Deuteranomaly 6% of men, 0.4% of women
#15629e Tritanomaly 0.01% of the population