#3b3f7c hex color

In a RGB color space, hex #3b3f7c is composed of 23.1% red, 24.7% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 52.4% cyan, 49.2% magenta, 0% yellow and 51.4% black. It has a hue angle of 236.3 degrees, a saturation of 35.5% and a lightness of 35.9%. #3b3f7c color hex could be obtained by blending #767ef8 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 23
- G 25
- B 49
RGB color chart
- C 52
- M 49
- Y 0
- K 51
CMYK color chart

● #3b3f7c color description : Dark moderate blue.

The hexadecimal color #3b3f7c has RGB values of R:59, G:63, B:124 and CMYK values of C:0.52, M:0.49, Y:0, K:0.51. Its decimal value is 3882876.

Hex triplet	3b3f7c	`#3b3f7c`
RGB Decimal	59, 63, 124	`rgb(59,63,124)`
RGB Percent	23.1, 24.7, 48.6	`rgb(23.1%,24.7%,48.6%)`
CMYK	52, 49, 0, 51
HSL	236.3°, 35.5, 35.9	`hsl(236.3,35.5%,35.9%)`
HSV (or HSB)	236.3°, 52.4, 48.6
Web Safe	333366	`#333366`

CIE-LAB	29.26, 16.655, -35.339
XYZ	7.219, 5.94, 19.834
xyY	0.219, 0.18, 5.94
CIE-LCH	29.26, 39.067, 295.234
CIE-LUV	29.26, -4.767, -47.644
Hunter-Lab	24.372, 10.218, -31.19
Binary	00111011, 00111111, 01111100

#3b3f7c
```
#3b3f7c rgb(59,63,124)
```
#7c783b
```
#7c783b rgb(124,120,59)
```

Complementary Color

#3b607c
```
#3b607c rgb(59,96,124)
```
#3b3f7c
```
#3b3f7c rgb(59,63,124)
```
#583b7c
```
#583b7c rgb(88,59,124)
```

Analogous Color

#607c3b
```
#607c3b rgb(96,124,59)
```
#3b3f7c
```
#3b3f7c rgb(59,63,124)
```
#7c583b
```
#7c583b rgb(124,88,59)
```

Split Complementary Color

#3f7c3b
```
#3f7c3b rgb(63,124,59)
```
#3b3f7c
```
#3b3f7c rgb(59,63,124)
```
#7c3b3f
```
#7c3b3f rgb(124,59,63)
```

Triadic Color

#3b7c78
```
#3b7c78 rgb(59,124,120)
```
#3b3f7c
```
#3b3f7c rgb(59,63,124)
```
#7c3b3f
```
#7c3b3f rgb(124,59,63)
```
#7c783b
```
#7c783b rgb(124,120,59)
```

Tetradic Color

#222548
```
#222548 rgb(34,37,72)
```
#2b2d59
```
#2b2d59 rgb(43,45,89)
```
#33366b
```
#33366b rgb(51,54,107)
```
#3b3f7c
```
#3b3f7c rgb(59,63,124)
```
#43488d
```
#43488d rgb(67,72,141)
```
#4b519f
```
#4b519f rgb(75,81,159)
```
#555bae
```
#555bae rgb(85,91,174)
```

Monochromatic Color

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

#3b4f7c
```
#3b4f7c rgb(59,79,124)
```
#3b4a7c
```
#3b4a7c rgb(59,74,124)
```
#3b447c
```
#3b447c rgb(59,68,124)
```
#3b3f7c
```
#3b3f7c rgb(59,63,124)
```
#3c3b7c
```
#3c3b7c rgb(60,59,124)
```
#423b7c
```
#423b7c rgb(66,59,124)
```
#473b7c
```
#473b7c rgb(71,59,124)
```

Similar Colors

Text with hexadecimal color #3b3f7c

This text has a font color of #3b3f7c.

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

#3b3f7c background color

This paragraph has a background color of #3b3f7c.

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

#3b3f7c border color

This element has a border color of #3b3f7c.

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

CSS codes

.text {color:#3b3f7c;}

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

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

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

#020204
```
#020204 rgb(2,2,4)
```
#080912
```
#080912 rgb(8,9,18)
```
#0f101f
```
#0f101f rgb(15,16,31)
```
#15162c
```
#15162c rgb(21,22,44)
```
#1b1d3a
```
#1b1d3a rgb(27,29,58)
```
#222447
```
#222447 rgb(34,36,71)
```
#282b54
```
#282b54 rgb(40,43,84)
```
#2e3161
```
#2e3161 rgb(46,49,97)
```
#35386f
```
#35386f rgb(53,56,111)
```
#3b3f7c
```
#3b3f7c rgb(59,63,124)
```
#414689
```
#414689 rgb(65,70,137)
```
#484d97
```
#484d97 rgb(72,77,151)
```
#4e53a4
```
#4e53a4 rgb(78,83,164)
```

Shade Color Variation

#575caf
```
#575caf rgb(87,92,175)
```
#6469b5
```
#6469b5 rgb(100,105,181)
```
#7176bc
```
#7176bc rgb(113,118,188)
```
#7e83c2
```
#7e83c2 rgb(126,131,194)
```
#8c8fc8
```
#8c8fc8 rgb(140,143,200)
```
#999cce
```
#999cce rgb(153,156,206)
```
#a6a9d5
```
#a6a9d5 rgb(166,169,213)
```
#b4b6db
```
#b4b6db rgb(180,182,219)
```
#c1c3e1
```
#c1c3e1 rgb(193,195,225)
```
#ced0e8
```
#ced0e8 rgb(206,208,232)
```
#dcddee
```
#dcddee rgb(220,221,238)
```
#e9eaf4
```
#e9eaf4 rgb(233,234,244)
```
#f6f6fb
```
#f6f6fb rgb(246,246,251)
```

Tint Color Variation

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

#575860
```
#575860 rgb(87,88,96)
```
#505267
```
#505267 rgb(80,82,103)
```
#494b6e
```
#494b6e rgb(73,75,110)
```
#424575
```
#424575 rgb(66,69,117)
```
#3b3f7c
```
#3b3f7c rgb(59,63,124)
```
#343983
```
#343983 rgb(52,57,131)
```
#2d338a
```
#2d338a rgb(45,51,138)
```
#262c91
```
#262c91 rgb(38,44,145)
```
#1f2698
```
#1f2698 rgb(31,38,152)
```
#18209f
```
#18209f rgb(24,32,159)
```
#111aa6
```
#111aa6 rgb(17,26,166)
```
#0a14ad
```
#0a14ad rgb(10,20,173)
```
#030eb4
```
#030eb4 rgb(3,14,180)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#434450 Atypical Achromatopsia 0.001% of the population

Dichromacy

#304c86 Protanopia 1% of men
#244f80 Deuteranopia 1% of men
#345359 Tritanopia 0.001% of the population

Trichromacy

#344782 Protanomaly 1% of men, 0.01% of women
#2c497e Deuteranomaly 6% of men, 0.4% of women
#364b65 Tritanomaly 0.01% of the population

#3b3f7c hex color

#3b3f7c Color Information

#3b3f7c Color Conversion

Color Schemes with #3b3f7c

Alternatives to #3b3f7c

#3b3f7c Preview

Shades and Tints of #3b3f7c

Tones of #3b3f7c

Color Blindness Simulator