#3b4be2 hex color

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

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

● #3b4be2 color description : Bright blue.

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

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

CIE-LAB	40.331, 44.561, -78.088
XYZ	18.044, 11.452, 73.207
xyY	0.176, 0.112, 11.452
CIE-LCH	40.331, 89.908, 299.711
CIE-LUV	40.331, -11.302, -113.571
Hunter-Lab	33.841, 35.959, -104.573
Binary	00111011, 01001011, 11100010

#3b4be2
```
#3b4be2 rgb(59,75,226)
```
#e2d23b
```
#e2d23b rgb(226,210,59)
```

Complementary Color

#3b9fe2
```
#3b9fe2 rgb(59,159,226)
```
#3b4be2
```
#3b4be2 rgb(59,75,226)
```
#7f3be2
```
#7f3be2 rgb(127,59,226)
```

Analogous Color

#9fe23b
```
#9fe23b rgb(159,226,59)
```
#3b4be2
```
#3b4be2 rgb(59,75,226)
```
#e27f3b
```
#e27f3b rgb(226,127,59)
```

Split Complementary Color

#4be23b
```
#4be23b rgb(75,226,59)
```
#3b4be2
```
#3b4be2 rgb(59,75,226)
```
#e23b4b
```
#e23b4b rgb(226,59,75)
```

Triadic Color

#3be2d2
```
#3be2d2 rgb(59,226,210)
```
#3b4be2
```
#3b4be2 rgb(59,75,226)
```
#e23b4b
```
#e23b4b rgb(226,59,75)
```
#e2d23b
```
#e2d23b rgb(226,210,59)
```

Tetradic Color

#1b2ab6
```
#1b2ab6 rgb(27,42,182)
```
#1e2fcc
```
#1e2fcc rgb(30,47,204)
```
#2537df
```
#2537df rgb(37,55,223)
```
#3b4be2
```
#3b4be2 rgb(59,75,226)
```
#515fe5
```
#515fe5 rgb(81,95,229)
```
#6774e9
```
#6774e9 rgb(103,116,233)
```
#7e88ec
```
#7e88ec rgb(126,136,236)
```

Monochromatic Color

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

#3b75e2
```
#3b75e2 rgb(59,117,226)
```
#3b67e2
```
#3b67e2 rgb(59,103,226)
```
#3b59e2
```
#3b59e2 rgb(59,89,226)
```
#3b4be2
```
#3b4be2 rgb(59,75,226)
```
#3b3de2
```
#3b3de2 rgb(59,61,226)
```
#473be2
```
#473be2 rgb(71,59,226)
```
#553be2
```
#553be2 rgb(85,59,226)
```

Similar Colors

Text with hexadecimal color #3b4be2

This text has a font color of #3b4be2.

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

#3b4be2 background color

This paragraph has a background color of #3b4be2.

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

#3b4be2 border color

This element has a border color of #3b4be2.

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

CSS codes

.text {color:#3b4be2;}

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

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

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)
```
#0b124d
```
#0b124d rgb(11,18,77)
```
#0e165e
```
#0e165e rgb(14,22,94)
```
#111a70
```
#111a70 rgb(17,26,112)
```
#131e81
```
#131e81 rgb(19,30,129)
```
#162192
```
#162192 rgb(22,33,146)
```
#1825a3
```
#1825a3 rgb(24,37,163)
```
#1b29b4
```
#1b29b4 rgb(27,41,180)
```
#1d2dc5
```
#1d2dc5 rgb(29,45,197)
```
#2031d6
```
#2031d6 rgb(32,49,214)
```

Shade Color Variation

#2a3bdf
```
#2a3bdf rgb(42,59,223)
```
#3b4be2
```
#3b4be2 rgb(59,75,226)
```
#4c5be5
```
#4c5be5 rgb(76,91,229)
```
#5d6ae7
```
#5d6ae7 rgb(93,106,231)
```
#6e7aea
```
#6e7aea rgb(110,122,234)
```
#7f8aec
```
#7f8aec rgb(127,138,236)
```
#9099ef
```
#9099ef rgb(144,153,239)
```
#a2a9f1
```
#a2a9f1 rgb(162,169,241)
```
#b3b9f4
```
#b3b9f4 rgb(179,185,244)
```
#c4c9f6
```
#c4c9f6 rgb(196,201,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 #2136fc 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)
```
#666eb7
```
#666eb7 rgb(102,110,183)
```
#5e67bf
```
#5e67bf rgb(94,103,191)
```
#5560c8
```
#5560c8 rgb(85,96,200)
```
#4c59d1
```
#4c59d1 rgb(76,89,209)
```
#4452d9
```
#4452d9 rgb(68,82,217)
```
#3b4be2
```
#3b4be2 rgb(59,75,226)
```
#3244eb
```
#3244eb rgb(50,68,235)
```
#2a3df3
```
#2a3df3 rgb(42,61,243)
```
#2136fc
```
#2136fc rgb(33,54,252)
```

Tone Color Variation

Below, you can see how #3b4be2 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
#515573 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c3 Protanopia 1% of men
#006aaa Deuteranopia 1% of men
#007177 Tritanopia 0.001% of the population

Trichromacy

#155bce Protanomaly 1% of men, 0.01% of women
#155ebe Deuteranomaly 6% of men, 0.4% of women
#15639e Tritanomaly 0.01% of the population

#3b4be2 hex color

#3b4be2 Color Information

#3b4be2 Color Conversion

Color Schemes with #3b4be2

Alternatives to #3b4be2

#3b4be2 Preview

Shades and Tints of #3b4be2

Tones of #3b4be2

Color Blindness Simulator