#3b4380 hex color

In a RGB color space, hex #3b4380 is composed of 23.1% red, 26.3% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 53.9% cyan, 47.7% magenta, 0% yellow and 49.8% black. It has a hue angle of 233 degrees, a saturation of 36.9% and a lightness of 36.7%. #3b4380 color hex could be obtained by blending #7686ff with #000001. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 23
- G 26
- B 50
RGB color chart
- C 54
- M 48
- Y 0
- K 50
CMYK color chart

● #3b4380 color description : Dark moderate blue.

The hexadecimal color #3b4380 has RGB values of R:59, G:67, B:128 and CMYK values of C:0.54, M:0.48, Y:0, K:0.5. Its decimal value is 3883904.

Hex triplet	3b4380	`#3b4380`
RGB Decimal	59, 67, 128	`rgb(59,67,128)`
RGB Percent	23.1, 26.3, 50.2	`rgb(23.1%,26.3%,50.2%)`
CMYK	54, 48, 0, 50
HSL	233°, 36.9, 36.7	`hsl(233,36.9%,36.7%)`
HSV (or HSB)	233°, 53.9, 50.2
Web Safe	333399	`#333399`

CIE-LAB	30.646, 15.347, -35.622
XYZ	7.706, 6.502, 21.27
xyY	0.217, 0.183, 6.502
CIE-LCH	30.646, 38.788, 293.308
CIE-LUV	30.646, -6.174, -48.669
Hunter-Lab	25.5, 9.32, -31.605
Binary	00111011, 01000011, 10000000

#3b4380
```
#3b4380 rgb(59,67,128)
```
#80783b
```
#80783b rgb(128,120,59)
```

Complementary Color

#3b6680
```
#3b6680 rgb(59,102,128)
```
#3b4380
```
#3b4380 rgb(59,67,128)
```
#553b80
```
#553b80 rgb(85,59,128)
```

Analogous Color

#66803b
```
#66803b rgb(102,128,59)
```
#3b4380
```
#3b4380 rgb(59,67,128)
```
#80563b
```
#80563b rgb(128,86,59)
```

Split Complementary Color

#43803b
```
#43803b rgb(67,128,59)
```
#3b4380
```
#3b4380 rgb(59,67,128)
```
#803b43
```
#803b43 rgb(128,59,67)
```

Triadic Color

#3b8078
```
#3b8078 rgb(59,128,120)
```
#3b4380
```
#3b4380 rgb(59,67,128)
```
#803b43
```
#803b43 rgb(128,59,67)
```
#80783b
```
#80783b rgb(128,120,59)
```

Tetradic Color

#23284c
```
#23284c rgb(35,40,76)
```
#2b315d
```
#2b315d rgb(43,49,93)
```
#333a6f
```
#333a6f rgb(51,58,111)
```
#3b4380
```
#3b4380 rgb(59,67,128)
```
#434c91
```
#434c91 rgb(67,76,145)
```
#4b55a3
```
#4b55a3 rgb(75,85,163)
```
#5661b1
```
#5661b1 rgb(86,97,177)
```

Monochromatic Color

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

#3b5480
```
#3b5480 rgb(59,84,128)
```
#3b4f80
```
#3b4f80 rgb(59,79,128)
```
#3b4980
```
#3b4980 rgb(59,73,128)
```
#3b4380
```
#3b4380 rgb(59,67,128)
```
#3b3d80
```
#3b3d80 rgb(59,61,128)
```
#3e3b80
```
#3e3b80 rgb(62,59,128)
```
#443b80
```
#443b80 rgb(68,59,128)
```

Similar Colors

Text with hexadecimal color #3b4380

This text has a font color of #3b4380.

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

#3b4380 background color

This paragraph has a background color of #3b4380.

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

#3b4380 border color

This element has a border color of #3b4380.

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

CSS codes

.text {color:#3b4380;}

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

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

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

#030407
```
#030407 rgb(3,4,7)
```
#090b15
```
#090b15 rgb(9,11,21)
```
#101222
```
#101222 rgb(16,18,34)
```
#16192f
```
#16192f rgb(22,25,47)
```
#1c203d
```
#1c203d rgb(28,32,61)
```
#22274a
```
#22274a rgb(34,39,74)
```
#282e58
```
#282e58 rgb(40,46,88)
```
#2f3565
```
#2f3565 rgb(47,53,101)
```
#353c73
```
#353c73 rgb(53,60,115)
```
#3b4380
```
#3b4380 rgb(59,67,128)
```
#414a8d
```
#414a8d rgb(65,74,141)
```
#47519b
```
#47519b rgb(71,81,155)
```
#4e58a8
```
#4e58a8 rgb(78,88,168)
```

Shade Color Variation

#5862b2
```
#5862b2 rgb(88,98,178)
```
#656fb8
```
#656fb8 rgb(101,111,184)
```
#727bbe
```
#727bbe rgb(114,123,190)
```
#8088c4
```
#8088c4 rgb(128,136,196)
```
#8d94cb
```
#8d94cb rgb(141,148,203)
```
#9ba1d1
```
#9ba1d1 rgb(155,161,209)
```
#a8aed7
```
#a8aed7 rgb(168,174,215)
```
#b6badd
```
#b6badd rgb(182,186,221)
```
#c3c7e3
```
#c3c7e3 rgb(195,199,227)
```
#d0d3ea
```
#d0d3ea rgb(208,211,234)
```
#dee0f0
```
#dee0f0 rgb(222,224,240)
```
#ebedf6
```
#ebedf6 rgb(235,237,246)
```
#f9f9fc
```
#f9f9fc rgb(249,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #585963 is the less saturated color, while #0117ba is the most saturated one.

#585963
```
#585963 rgb(88,89,99)
```
#51546a
```
#51546a rgb(81,84,106)
```
#494e72
```
#494e72 rgb(73,78,114)
```
#424979
```
#424979 rgb(66,73,121)
```
#3b4380
```
#3b4380 rgb(59,67,128)
```
#343d87
```
#343d87 rgb(52,61,135)
```
#2d388e
```
#2d388e rgb(45,56,142)
```
#253296
```
#253296 rgb(37,50,150)
```
#1e2d9d
```
#1e2d9d rgb(30,45,157)
```
#1727a4
```
#1727a4 rgb(23,39,164)
```
#1022ab
```
#1022ab rgb(16,34,171)
```
#091cb2
```
#091cb2 rgb(9,28,178)
```
#0117ba
```
#0117ba rgb(1,23,186)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#454753 Atypical Achromatopsia 0.001% of the population

Dichromacy

#344f89 Protanopia 1% of men
#275284 Deuteranopia 1% of men
#33565d Tritanopia 0.001% of the population

Trichromacy

#364b85 Protanomaly 1% of men, 0.01% of women
#2e4c82 Deuteranomaly 6% of men, 0.4% of women
#364f69 Tritanomaly 0.01% of the population

#3b4380 hex color

#3b4380 Color Information

#3b4380 Color Conversion

Color Schemes with #3b4380

Alternatives to #3b4380

#3b4380 Preview

Shades and Tints of #3b4380

Tones of #3b4380

Color Blindness Simulator