#3b304f hex color

In a RGB color space, hex #3b304f is composed of 23.1% red, 18.8% green and 31% blue. Whereas in a CMYK color space, it is composed of 25.3% cyan, 39.2% magenta, 0% yellow and 69% black. It has a hue angle of 261.3 degrees, a saturation of 24.4% and a lightness of 24.9%. #3b304f color hex could be obtained by blending #76609e with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 23
- G 19
- B 31
RGB color chart
- C 25
- M 39
- Y 0
- K 69
CMYK color chart

● #3b304f color description : Very dark desaturated violet.

The hexadecimal color #3b304f has RGB values of R:59, G:48, B:79 and CMYK values of C:0.25, M:0.39, Y:0, K:0.69. Its decimal value is 3878991.

Hex triplet	3b304f	`#3b304f`
RGB Decimal	59, 48, 79	`rgb(59,48,79)`
RGB Percent	23.1, 18.8, 31	`rgb(23.1%,18.8%,31%)`
CMYK	25, 39, 0, 69
HSL	261.3°, 24.4, 24.9	`hsl(261.3,24.4%,24.9%)`
HSV (or HSB)	261.3°, 39.2, 31
Web Safe	333366	`#333366`

CIE-LAB	22.332, 12.546, -17.215
XYZ	4.272, 3.608, 7.868
xyY	0.271, 0.229, 3.608
CIE-LCH	22.332, 21.302, 306.084
CIE-LUV	22.332, 3.058, -20.992
Hunter-Lab	18.995, 6.899, -11.262
Binary	00111011, 00110000, 01001111

#3b304f
```
#3b304f rgb(59,48,79)
```
#444f30
```
#444f30 rgb(68,79,48)
```

Complementary Color

#30354f
```
#30354f rgb(48,53,79)
```
#3b304f
```
#3b304f rgb(59,48,79)
```
#4b304f
```
#4b304f rgb(75,48,79)
```

Analogous Color

#354f30
```
#354f30 rgb(53,79,48)
```
#3b304f
```
#3b304f rgb(59,48,79)
```
#4f4b30
```
#4f4b30 rgb(79,75,48)
```

Split Complementary Color

#304f3b
```
#304f3b rgb(48,79,59)
```
#3b304f
```
#3b304f rgb(59,48,79)
```
#4f3b30
```
#4f3b30 rgb(79,59,48)
```

Triadic Color

#30444f
```
#30444f rgb(48,68,79)
```
#3b304f
```
#3b304f rgb(59,48,79)
```
#4f3b30
```
#4f3b30 rgb(79,59,48)
```
#444f30
```
#444f30 rgb(68,79,48)
```

Tetradic Color

#17131f
```
#17131f rgb(23,19,31)
```
#231d2f
```
#231d2f rgb(35,29,47)
```
#2f263f
```
#2f263f rgb(47,38,63)
```
#3b304f
```
#3b304f rgb(59,48,79)
```
#473a5f
```
#473a5f rgb(71,58,95)
```
#53436f
```
#53436f rgb(83,67,111)
```
#5f4d7f
```
#5f4d7f rgb(95,77,127)
```

Monochromatic Color

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

#33304f
```
#33304f rgb(51,48,79)
```
#36304f
```
#36304f rgb(54,48,79)
```
#38304f
```
#38304f rgb(56,48,79)
```
#3b304f
```
#3b304f rgb(59,48,79)
```
#3e304f
```
#3e304f rgb(62,48,79)
```
#40304f
```
#40304f rgb(64,48,79)
```
#43304f
```
#43304f rgb(67,48,79)
```

Similar Colors

Text with hexadecimal color #3b304f

This text has a font color of #3b304f.

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

#3b304f background color

This paragraph has a background color of #3b304f.

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

#3b304f border color

This element has a border color of #3b304f.

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

CSS codes

.text {color:#3b304f;}

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

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

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

#040406
```
#040406 rgb(4,4,6)
```
#0d0b12
```
#0d0b12 rgb(13,11,18)
```
#17121e
```
#17121e rgb(23,18,30)
```
#201a2a
```
#201a2a rgb(32,26,42)
```
#292137
```
#292137 rgb(41,33,55)
```
#322943
```
#322943 rgb(50,41,67)
```
#3b304f
```
#3b304f rgb(59,48,79)
```
#44375b
```
#44375b rgb(68,55,91)
```
#4d3f67
```
#4d3f67 rgb(77,63,103)
```
#564674
```
#564674 rgb(86,70,116)
```
#5f4e80
```
#5f4e80 rgb(95,78,128)
```
#69558c
```
#69558c rgb(105,85,140)
```
#725c98
```
#725c98 rgb(114,92,152)
```

Shade Color Variation

#7b66a2
```
#7b66a2 rgb(123,102,162)
```
#8672aa
```
#8672aa rgb(134,114,170)
```
#907fb1
```
#907fb1 rgb(144,127,177)
```
#9b8bb8
```
#9b8bb8 rgb(155,139,184)
```
#a597c0
```
#a597c0 rgb(165,151,192)
```
#b0a3c7
```
#b0a3c7 rgb(176,163,199)
```
#baafcf
```
#baafcf rgb(186,175,207)
```
#c5bcd6
```
#c5bcd6 rgb(197,188,214)
```
#cfc8dd
```
#cfc8dd rgb(207,200,221)
```
#dad4e5
```
#dad4e5 rgb(218,212,229)
```
#e4e0ec
```
#e4e0ec rgb(228,224,236)
```
#efecf4
```
#efecf4 rgb(239,236,244)
```
#f9f9fb
```
#f9f9fb rgb(249,249,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3f3f40 is the less saturated color, while #2e047b is the most saturated one.

#3f3f40
```
#3f3f40 rgb(63,63,64)
```
#3e3a45
```
#3e3a45 rgb(62,58,69)
```
#3c354a
```
#3c354a rgb(60,53,74)
```
#3b304f
```
#3b304f rgb(59,48,79)
```
#3a2b54
```
#3a2b54 rgb(58,43,84)
```
#382659
```
#382659 rgb(56,38,89)
```
#37215e
```
#37215e rgb(55,33,94)
```
#351c63
```
#351c63 rgb(53,28,99)
```
#341867
```
#341867 rgb(52,24,103)
```
#32136c
```
#32136c rgb(50,19,108)
```
#310e71
```
#310e71 rgb(49,14,113)
```
#300976
```
#300976 rgb(48,9,118)
```
#2e047b
```
#2e047b rgb(46,4,123)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#38363c Atypical Achromatopsia 0.001% of the population

Dichromacy

#353e5b Protanopia 1% of men
#373f56 Deuteranopia 1% of men
#403f43 Tritanopia 0.001% of the population

Trichromacy

#373956 Protanomaly 1% of men, 0.01% of women
#383953 Deuteranomaly 6% of men, 0.4% of women
#3e3947 Tritanomaly 0.01% of the population

#3b304f hex color

#3b304f Color Information

#3b304f Color Conversion

Color Schemes with #3b304f

Alternatives to #3b304f

#3b304f Preview

Shades and Tints of #3b304f

Tones of #3b304f

Color Blindness Simulator