#3f4380 hex color

In a RGB color space, hex #3f4380 is composed of 24.7% red, 26.3% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 50.8% cyan, 47.7% magenta, 0% yellow and 49.8% black. It has a hue angle of 236.3 degrees, a saturation of 34% and a lightness of 37.5%. #3f4380 color hex could be obtained by blending #7e86ff with #000001. Closest websafe color is: #333399.

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

● #3f4380 color description : Dark moderate blue.

The hexadecimal color #3f4380 has RGB values of R:63, G:67, B:128 and CMYK values of C:0.51, M:0.48, Y:0, K:0.5. Its decimal value is 4146048.

Hex triplet	3f4380	`#3f4380`
RGB Decimal	63, 67, 128	`rgb(63,67,128)`
RGB Percent	24.7, 26.3, 50.2	`rgb(24.7%,26.3%,50.2%)`
CMYK	51, 48, 0, 50
HSL	236.3°, 34, 37.5	`hsl(236.3,34%,37.5%)`
HSV (or HSB)	236.3°, 50.8, 50.2
Web Safe	333399	`#333399`

CIE-LAB	30.948, 16.328, -35.123
XYZ	7.953, 6.629, 21.281
xyY	0.222, 0.185, 6.629
CIE-LCH	30.948, 38.733, 294.933
CIE-LUV	30.948, -4.857, -48.241
Hunter-Lab	25.747, 10.075, -30.983
Binary	00111111, 01000011, 10000000

#3f4380
```
#3f4380 rgb(63,67,128)
```
#807c3f
```
#807c3f rgb(128,124,63)
```

Complementary Color

#3f6480
```
#3f6480 rgb(63,100,128)
```
#3f4380
```
#3f4380 rgb(63,67,128)
```
#5c3f80
```
#5c3f80 rgb(92,63,128)
```

Analogous Color

#64803f
```
#64803f rgb(100,128,63)
```
#3f4380
```
#3f4380 rgb(63,67,128)
```
#805c3f
```
#805c3f rgb(128,92,63)
```

Split Complementary Color

#43803f
```
#43803f rgb(67,128,63)
```
#3f4380
```
#3f4380 rgb(63,67,128)
```
#803f43
```
#803f43 rgb(128,63,67)
```

Triadic Color

#3f807c
```
#3f807c rgb(63,128,124)
```
#3f4380
```
#3f4380 rgb(63,67,128)
```
#803f43
```
#803f43 rgb(128,63,67)
```
#807c3f
```
#807c3f rgb(128,124,63)
```

Tetradic Color

#26284d
```
#26284d rgb(38,40,77)
```
#2e315e
```
#2e315e rgb(46,49,94)
```
#373a6f
```
#373a6f rgb(55,58,111)
```
#3f4380
```
#3f4380 rgb(63,67,128)
```
#474c91
```
#474c91 rgb(71,76,145)
```
#5055a2
```
#5055a2 rgb(80,85,162)
```
#5c62af
```
#5c62af rgb(92,98,175)
```

Monochromatic Color

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

#3f5380
```
#3f5380 rgb(63,83,128)
```
#3f4e80
```
#3f4e80 rgb(63,78,128)
```
#3f4880
```
#3f4880 rgb(63,72,128)
```
#3f4380
```
#3f4380 rgb(63,67,128)
```
#403f80
```
#403f80 rgb(64,63,128)
```
#463f80
```
#463f80 rgb(70,63,128)
```
#4b3f80
```
#4b3f80 rgb(75,63,128)
```

Similar Colors

Text with hexadecimal color #3f4380

This text has a font color of #3f4380.

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

#3f4380 background color

This paragraph has a background color of #3f4380.

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

#3f4380 border color

This element has a border color of #3f4380.

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

CSS codes

.text {color:#3f4380;}

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

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

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, #05050a is the darkest color, while #fcfcfd is the lightest one.

#05050a
```
#05050a rgb(5,5,10)
```
#0b0c17
```
#0b0c17 rgb(11,12,23)
```
#121324
```
#121324 rgb(18,19,36)
```
#181a31
```
#181a31 rgb(24,26,49)
```
#1f213e
```
#1f213e rgb(31,33,62)
```
#25274b
```
#25274b rgb(37,39,75)
```
#2c2e59
```
#2c2e59 rgb(44,46,89)
```
#323566
```
#323566 rgb(50,53,102)
```
#393c73
```
#393c73 rgb(57,60,115)
```
#3f4380
```
#3f4380 rgb(63,67,128)
```
#454a8d
```
#454a8d rgb(69,74,141)
```
#4c519a
```
#4c519a rgb(76,81,154)
```
#5258a7
```
#5258a7 rgb(82,88,167)
```

Shade Color Variation

#5e63b0
```
#5e63b0 rgb(94,99,176)
```
#6b70b6
```
#6b70b6 rgb(107,112,182)
```
#787cbd
```
#787cbd rgb(120,124,189)
```
#8589c3
```
#8589c3 rgb(133,137,195)
```
#9296ca
```
#9296ca rgb(146,150,202)
```
#a0a3d0
```
#a0a3d0 rgb(160,163,208)
```
#adafd6
```
#adafd6 rgb(173,175,214)
```
#babcdd
```
#babcdd rgb(186,188,221)
```
#c7c9e3
```
#c7c9e3 rgb(199,201,227)
```
#d4d5ea
```
#d4d5ea rgb(212,213,234)
```
#e1e2f0
```
#e1e2f0 rgb(225,226,240)
```
#eeeff7
```
#eeeff7 rgb(238,239,247)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

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

#5c5d63
```
#5c5d63 rgb(92,93,99)
```
#55566a
```
#55566a rgb(85,86,106)
```
#4e5071
```
#4e5071 rgb(78,80,113)
```
#464979
```
#464979 rgb(70,73,121)
```
#3f4380
```
#3f4380 rgb(63,67,128)
```
#383d87
```
#383d87 rgb(56,61,135)
```
#30368f
```
#30368f rgb(48,54,143)
```
#293096
```
#293096 rgb(41,48,150)
```
#22299d
```
#22299d rgb(34,41,157)
```
#1a23a5
```
#1a23a5 rgb(26,35,165)
```
#131cac
```
#131cac rgb(19,28,172)
```
#0c16b3
```
#0c16b3 rgb(12,22,179)
```
#040fbb
```
#040fbb rgb(4,15,187)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#474854 Atypical Achromatopsia 0.001% of the population

Dichromacy

#355089 Protanopia 1% of men
#2b5384 Deuteranopia 1% of men
#39565d Tritanopia 0.001% of the population

Trichromacy

#384b86 Protanomaly 1% of men, 0.01% of women
#324d82 Deuteranomaly 6% of men, 0.4% of women
#3b4f69 Tritanomaly 0.01% of the population

#3f4380 hex color

#3f4380 Color Information

#3f4380 Color Conversion

Color Schemes with #3f4380

Alternatives to #3f4380

#3f4380 Preview

Shades and Tints of #3f4380

Tones of #3f4380

Color Blindness Simulator