#3f5b84 hex color

In a RGB color space, hex #3f5b84 is composed of 24.7% red, 35.7% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 52.3% cyan, 31.1% magenta, 0% yellow and 48.2% black. It has a hue angle of 215.7 degrees, a saturation of 35.4% and a lightness of 38.2%. #3f5b84 color hex could be obtained by blending #7eb6ff with #000009. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 25
- G 36
- B 52
RGB color chart
- C 52
- M 31
- Y 0
- K 48
CMYK color chart

● #3f5b84 color description : Dark moderate blue.

The hexadecimal color #3f5b84 has RGB values of R:63, G:91, B:132 and CMYK values of C:0.52, M:0.31, Y:0, K:0.48. Its decimal value is 4152196.

Hex triplet	3f5b84	`#3f5b84`
RGB Decimal	63, 91, 132	`rgb(63,91,132)`
RGB Percent	24.7, 35.7, 51.8	`rgb(24.7%,35.7%,51.8%)`
CMYK	52, 31, 0, 48
HSL	215.7°, 35.4, 38.2	`hsl(215.7,35.4%,38.2%)`
HSV (or HSB)	215.7°, 52.3, 51.8
Web Safe	336699	`#336699`

CIE-LAB	38.207, 2.037, -26.122
XYZ	9.955, 10.204, 23.274
xyY	0.229, 0.235, 10.204
CIE-LCH	38.207, 26.201, 274.46
CIE-LUV	38.207, -13.323, -36.709
Hunter-Lab	31.944, -0.276, -20.836
Binary	00111111, 01011011, 10000100

#3f5b84
```
#3f5b84 rgb(63,91,132)
```
#84683f
```
#84683f rgb(132,104,63)
```

Complementary Color

#3f7e84
```
#3f7e84 rgb(63,126,132)
```
#3f5b84
```
#3f5b84 rgb(63,91,132)
```
#463f84
```
#463f84 rgb(70,63,132)
```

Analogous Color

#7e843f
```
#7e843f rgb(126,132,63)
```
#3f5b84
```
#3f5b84 rgb(63,91,132)
```
#84463f
```
#84463f rgb(132,70,63)
```

Split Complementary Color

#5b843f
```
#5b843f rgb(91,132,63)
```
#3f5b84
```
#3f5b84 rgb(63,91,132)
```
#843f5b
```
#843f5b rgb(132,63,91)
```

Triadic Color

#3f8468
```
#3f8468 rgb(63,132,104)
```
#3f5b84
```
#3f5b84 rgb(63,91,132)
```
#843f5b
```
#843f5b rgb(132,63,91)
```
#84683f
```
#84683f rgb(132,104,63)
```

Tetradic Color

#263750
```
#263750 rgb(38,55,80)
```
#2f4361
```
#2f4361 rgb(47,67,97)
```
#374f73
```
#374f73 rgb(55,79,115)
```
#3f5b84
```
#3f5b84 rgb(63,91,132)
```
#476795
```
#476795 rgb(71,103,149)
```
#4f73a7
```
#4f73a7 rgb(79,115,167)
```
#5e80b2
```
#5e80b2 rgb(94,128,178)
```

Monochromatic Color

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

#3f6c84
```
#3f6c84 rgb(63,108,132)
```
#3f6784
```
#3f6784 rgb(63,103,132)
```
#3f6184
```
#3f6184 rgb(63,97,132)
```
#3f5b84
```
#3f5b84 rgb(63,91,132)
```
#3f5584
```
#3f5584 rgb(63,85,132)
```
#3f5084
```
#3f5084 rgb(63,80,132)
```
#3f4a84
```
#3f4a84 rgb(63,74,132)
```

Similar Colors

Text with hexadecimal color #3f5b84

This text has a font color of #3f5b84.

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

#3f5b84 background color

This paragraph has a background color of #3f5b84.

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

#3f5b84 border color

This element has a border color of #3f5b84.

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

CSS codes

.text {color:#3f5b84;}

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

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

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, #06090c is the darkest color, while #fefeff is the lightest one.

#06090c
```
#06090c rgb(6,9,12)
```
#0c121a
```
#0c121a rgb(12,18,26)
```
#131b27
```
#131b27 rgb(19,27,39)
```
#192434
```
#192434 rgb(25,36,52)
```
#1f2d42
```
#1f2d42 rgb(31,45,66)
```
#26364f
```
#26364f rgb(38,54,79)
```
#2c405c
```
#2c405c rgb(44,64,92)
```
#324969
```
#324969 rgb(50,73,105)
```
#395277
```
#395277 rgb(57,82,119)
```
#3f5b84
```
#3f5b84 rgb(63,91,132)
```
#456491
```
#456491 rgb(69,100,145)
```
#4c6d9f
```
#4c6d9f rgb(76,109,159)
```
#5276ac
```
#5276ac rgb(82,118,172)
```

Shade Color Variation

#5f81b3
```
#5f81b3 rgb(95,129,179)
```
#6c8bb9
```
#6c8bb9 rgb(108,139,185)
```
#7996bf
```
#7996bf rgb(121,150,191)
```
#87a0c6
```
#87a0c6 rgb(135,160,198)
```
#94abcc
```
#94abcc rgb(148,171,204)
```
#a1b5d2
```
#a1b5d2 rgb(161,181,210)
```
#afc0d9
```
#afc0d9 rgb(175,192,217)
```
#bccadf
```
#bccadf rgb(188,202,223)
```
#c9d5e5
```
#c9d5e5 rgb(201,213,229)
```
#d6dfec
```
#d6dfec rgb(214,223,236)
```
#e4e9f2
```
#e4e9f2 rgb(228,233,242)
```
#f1f4f8
```
#f1f4f8 rgb(241,244,248)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5d6166 is the less saturated color, while #0350c0 is the most saturated one.

#5d6166
```
#5d6166 rgb(93,97,102)
```
#565f6e
```
#565f6e rgb(86,95,110)
```
#4e5e75
```
#4e5e75 rgb(78,94,117)
```
#475c7d
```
#475c7d rgb(71,92,125)
```
#3f5b84
```
#3f5b84 rgb(63,91,132)
```
#385a8c
```
#385a8c rgb(56,90,140)
```
#305893
```
#305893 rgb(48,88,147)
```
#29579b
```
#29579b rgb(41,87,155)
```
#2155a2
```
#2155a2 rgb(33,85,162)
```
#1a54aa
```
#1a54aa rgb(26,84,170)
```
#1253b1
```
#1253b1 rgb(18,83,177)
```
#0b51b9
```
#0b51b9 rgb(11,81,185)
```
#0350c0
```
#0350c0 rgb(3,80,192)
```

Tone Color Variation

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

Dichromacy

#546188 Protanopia 1% of men
#50618b Deuteranopia 1% of men
#3e6870 Tritanopia 0.001% of the population

Trichromacy

#4c5e87 Protanomaly 1% of men, 0.01% of women
#4a5f88 Deuteranomaly 6% of men, 0.4% of women
#3e6377 Tritanomaly 0.01% of the population

#3f5b84 hex color

#3f5b84 Color Information

#3f5b84 Color Conversion

Color Schemes with #3f5b84

Alternatives to #3f5b84

#3f5b84 Preview

Shades and Tints of #3f5b84

Tones of #3f5b84

Color Blindness Simulator