colorhexa.com

#3b3f70 hex color

In a RGB color space, hex #3b3f70 is composed of 23.1% red, 24.7% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 47.3% cyan, 43.8% magenta, 0% yellow and 56.1% black. It has a hue angle of 235.5 degrees, a saturation of 31% and a lightness of 33.5%. #3b3f70 color hex could be obtained by blending #767ee0 with #000000. Closest websafe color is: #333366.

- R 23
- G 25
- B 44
RGB color chart
- C 47
- M 44
- Y 0
- K 56
CMYK color chart

● #3b3f70 color description : Very dark desaturated blue.

The hexadecimal color #3b3f70 has RGB values of R:59, G:63, B:112 and CMYK values of C:0.47, M:0.44, Y:0, K:0.56. Its decimal value is 3882864.

Hex triplet	3b3f70	`#3b3f70`
RGB Decimal	59, 63, 112	`rgb(59,63,112)`
RGB Percent	23.1, 24.7, 43.9	`rgb(23.1%,24.7%,43.9%)`
CMYK	47, 44, 0, 56
HSL	235.5°, 31, 33.5	`hsl(235.5,31%,33.5%)`
HSV (or HSB)	235.5°, 47.3, 43.9
Web Safe	333366	`#333366`

CIE-LAB	28.523, 12.612, -28.944
XYZ	6.505, 5.654, 16.077
xyY	0.23, 0.2, 5.654
CIE-LCH	28.523, 31.573, 293.545
CIE-LUV	28.523, -4.221, -38.442
Hunter-Lab	23.779, 7.218, -23.44
Binary	00111011, 00111111, 01110000

#3b3f70
```
#3b3f70 rgb(59,63,112)
```
#706c3b
```
#706c3b rgb(112,108,59)
```

Complementary Color

#3b5a70
```
#3b5a70 rgb(59,90,112)
```
#3b3f70
```
#3b3f70 rgb(59,63,112)
```
#523b70
```
#523b70 rgb(82,59,112)
```

Analogous Color

#5a703b
```
#5a703b rgb(90,112,59)
```
#3b3f70
```
#3b3f70 rgb(59,63,112)
```
#70523b
```
#70523b rgb(112,82,59)
```

Split Complementary Color

#3f703b
```
#3f703b rgb(63,112,59)
```
#3b3f70
```
#3b3f70 rgb(59,63,112)
```
#703b3f
```
#703b3f rgb(112,59,63)
```

Triadic Color

#3b706c
```
#3b706c rgb(59,112,108)
```
#3b3f70
```
#3b3f70 rgb(59,63,112)
```
#703b3f
```
#703b3f rgb(112,59,63)
```
#706c3b
```
#706c3b rgb(112,108,59)
```

Tetradic Color

#21233e
```
#21233e rgb(33,35,62)
```
#292c4f
```
#292c4f rgb(41,44,79)
```
#32365f
```
#32365f rgb(50,54,95)
```
#3b3f70
```
#3b3f70 rgb(59,63,112)
```
#444881
```
#444881 rgb(68,72,129)
```
#4d5291
```
#4d5291 rgb(77,82,145)
```
#555ba2
```
#555ba2 rgb(85,91,162)
```

Monochromatic Color

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

#3b4c70
```
#3b4c70 rgb(59,76,112)
```
#3b4870
```
#3b4870 rgb(59,72,112)
```
#3b4370
```
#3b4370 rgb(59,67,112)
```
#3b3f70
```
#3b3f70 rgb(59,63,112)
```
#3b3b70
```
#3b3b70 rgb(59,59,112)
```
#403b70
```
#403b70 rgb(64,59,112)
```
#443b70
```
#443b70 rgb(68,59,112)
```

Similar Colors

Text with hexadecimal color #3b3f70

This text has a font color of #3b3f70.

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

#3b3f70 background color

This paragraph has a background color of #3b3f70.

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

#3b3f70 border color

This element has a border color of #3b3f70.

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

CSS codes

.text {color:#3b3f70;}

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

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

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

#050509
```
#050509 rgb(5,5,9)
```
#0c0c16
```
#0c0c16 rgb(12,12,22)
```
#121423
```
#121423 rgb(18,20,35)
```
#191b30
```
#191b30 rgb(25,27,48)
```
#20223d
```
#20223d rgb(32,34,61)
```
#272949
```
#272949 rgb(39,41,73)
```
#2d3156
```
#2d3156 rgb(45,49,86)
```
#343863
```
#343863 rgb(52,56,99)
```
#3b3f70
```
#3b3f70 rgb(59,63,112)
```
#42467d
```
#42467d rgb(66,70,125)
```
#494d8a
```
#494d8a rgb(73,77,138)
```
#4f5597
```
#4f5597 rgb(79,85,151)
```
#565ca3
```
#565ca3 rgb(86,92,163)
```

Shade Color Variation

#6167ac
```
#6167ac rgb(97,103,172)
```
#6e73b3
```
#6e73b3 rgb(110,115,179)
```
#7b80b9
```
#7b80b9 rgb(123,128,185)
```
#888cc0
```
#888cc0 rgb(136,140,192)
```
#9598c7
```
#9598c7 rgb(149,152,199)
```
#a1a5ce
```
#a1a5ce rgb(161,165,206)
```
#aeb1d4
```
#aeb1d4 rgb(174,177,212)
```
#bbbedb
```
#bbbedb rgb(187,190,219)
```
#c8cae2
```
#c8cae2 rgb(200,202,226)
```
#d5d6e9
```
#d5d6e9 rgb(213,214,233)
```
#e2e3f0
```
#e2e3f0 rgb(226,227,240)
```
#efeff6
```
#efeff6 rgb(239,239,246)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

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

#555556
```
#555556 rgb(85,85,86)
```
#4f505c
```
#4f505c rgb(79,80,92)
```
#484a63
```
#484a63 rgb(72,74,99)
```
#424569
```
#424569 rgb(66,69,105)
```
#3b3f70
```
#3b3f70 rgb(59,63,112)
```
#343977
```
#343977 rgb(52,57,119)
```
#2e347d
```
#2e347d rgb(46,52,125)
```
#272e84
```
#272e84 rgb(39,46,132)
```
#21298a
```
#21298a rgb(33,41,138)
```
#1a2391
```
#1a2391 rgb(26,35,145)
```
#141d97
```
#141d97 rgb(20,29,151)
```
#0d189e
```
#0d189e rgb(13,24,158)
```
#0612a5
```
#0612a5 rgb(6,18,165)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#41424c Atypical Achromatopsia 0.001% of the population

Dichromacy

#384b79 Protanopia 1% of men
#334d75 Deuteranopia 1% of men
#395056 Tritanopia 0.001% of the population

Trichromacy

#394676 Protanomaly 1% of men, 0.01% of women
#364873 Deuteranomaly 6% of men, 0.4% of women
#3a4a5f Tritanomaly 0.01% of the population