#3f3074 hex color

In a RGB color space, hex #3f3074 is composed of 24.7% red, 18.8% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 45.7% cyan, 58.6% magenta, 0% yellow and 54.5% black. It has a hue angle of 253.2 degrees, a saturation of 41.5% and a lightness of 32.2%. #3f3074 color hex could be obtained by blending #7e60e8 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 25
- G 19
- B 45
RGB color chart
- C 46
- M 59
- Y 0
- K 55
CMYK color chart

● #3f3074 color description : Dark moderate blue.

The hexadecimal color #3f3074 has RGB values of R:63, G:48, B:116 and CMYK values of C:0.46, M:0.59, Y:0, K:0.55. Its decimal value is 4141172.

Hex triplet	3f3074	`#3f3074`
RGB Decimal	63, 48, 116	`rgb(63,48,116)`
RGB Percent	24.7, 18.8, 45.5	`rgb(24.7%,18.8%,45.5%)`
CMYK	46, 59, 0, 55
HSL	253.2°, 41.5, 32.2	`hsl(253.2,41.5%,32.2%)`
HSV (or HSB)	253.2°, 58.6, 45.5
Web Safe	333366	`#333366`

CIE-LAB	25.05, 24.969, -37.02
XYZ	6.259, 4.432, 17.048
xyY	0.226, 0.16, 4.432
CIE-LCH	25.05, 44.653, 303.999
CIE-LUV	25.05, 1.386, -47.664
Hunter-Lab	21.051, 16.23, -33.278
Binary	00111111, 00110000, 01110100

#3f3074
```
#3f3074 rgb(63,48,116)
```
#657430
```
#657430 rgb(101,116,48)
```

Complementary Color

#304374
```
#304374 rgb(48,67,116)
```
#3f3074
```
#3f3074 rgb(63,48,116)
```
#613074
```
#613074 rgb(97,48,116)
```

Analogous Color

#437430
```
#437430 rgb(67,116,48)
```
#3f3074
```
#3f3074 rgb(63,48,116)
```
#746130
```
#746130 rgb(116,97,48)
```

Split Complementary Color

#30743f
```
#30743f rgb(48,116,63)
```
#3f3074
```
#3f3074 rgb(63,48,116)
```
#743f30
```
#743f30 rgb(116,63,48)
```

Triadic Color

#306574
```
#306574 rgb(48,101,116)
```
#3f3074
```
#3f3074 rgb(63,48,116)
```
#743f30
```
#743f30 rgb(116,63,48)
```
#657430
```
#657430 rgb(101,116,48)
```

Tetradic Color

#221a3e
```
#221a3e rgb(34,26,62)
```
#2b2150
```
#2b2150 rgb(43,33,80)
```
#352962
```
#352962 rgb(53,41,98)
```
#3f3074
```
#3f3074 rgb(63,48,116)
```
#493786
```
#493786 rgb(73,55,134)
```
#533f98
```
#533f98 rgb(83,63,152)
```
#5c46aa
```
#5c46aa rgb(92,70,170)
```

Monochromatic Color

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

#303274
```
#303274 rgb(48,50,116)
```
#343074
```
#343074 rgb(52,48,116)
```
#393074
```
#393074 rgb(57,48,116)
```
#3f3074
```
#3f3074 rgb(63,48,116)
```
#453074
```
#453074 rgb(69,48,116)
```
#4a3074
```
#4a3074 rgb(74,48,116)
```
#503074
```
#503074 rgb(80,48,116)
```

Similar Colors

Text with hexadecimal color #3f3074

This text has a font color of #3f3074.

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

#3f3074 background color

This paragraph has a background color of #3f3074.

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

#3f3074 border color

This element has a border color of #3f3074.

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

CSS codes

.text {color:#3f3074;}

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

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

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

#030205
```
#030205 rgb(3,2,5)
```
#0a0813
```
#0a0813 rgb(10,8,19)
```
#120e21
```
#120e21 rgb(18,14,33)
```
#19132f
```
#19132f rgb(25,19,47)
```
#21193d
```
#21193d rgb(33,25,61)
```
#281f4a
```
#281f4a rgb(40,31,74)
```
#302558
```
#302558 rgb(48,37,88)
```
#372a66
```
#372a66 rgb(55,42,102)
```
#3f3074
```
#3f3074 rgb(63,48,116)
```
#473682
```
#473682 rgb(71,54,130)
```
#4e3b90
```
#4e3b90 rgb(78,59,144)
```
#56419e
```
#56419e rgb(86,65,158)
```
#5d47ab
```
#5d47ab rgb(93,71,171)
```

Shade Color Variation

#6650b6
```
#6650b6 rgb(102,80,182)
```
#725ebc
```
#725ebc rgb(114,94,188)
```
#7e6bc2
```
#7e6bc2 rgb(126,107,194)
```
#8b79c8
```
#8b79c8 rgb(139,121,200)
```
#9787cd
```
#9787cd rgb(151,135,205)
```
#a395d3
```
#a395d3 rgb(163,149,211)
```
#afa3d9
```
#afa3d9 rgb(175,163,217)
```
#bbb1df
```
#bbb1df rgb(187,177,223)
```
#c7bfe4
```
#c7bfe4 rgb(199,191,228)
```
#d3cdea
```
#d3cdea rgb(211,205,234)
```
#dfdaf0
```
#dfdaf0 rgb(223,218,240)
```
#ebe8f6
```
#ebe8f6 rgb(235,232,246)
```
#f7f6fb
```
#f7f6fb rgb(247,246,251)
```

Tint Color Variation

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

#515054
```
#515054 rgb(81,80,84)
```
#4d495b
```
#4d495b rgb(77,73,91)
```
#4a4361
```
#4a4361 rgb(74,67,97)
```
#463d67
```
#463d67 rgb(70,61,103)
```
#43366e
```
#43366e rgb(67,54,110)
```
#3f3074
```
#3f3074 rgb(63,48,116)
```
#3b2a7a
```
#3b2a7a rgb(59,42,122)
```
#382381
```
#382381 rgb(56,35,129)
```
#341d87
```
#341d87 rgb(52,29,135)
```
#31178d
```
#31178d rgb(49,23,141)
```
#2d1094
```
#2d1094 rgb(45,16,148)
```
#2a0a9a
```
#2a0a9a rgb(42,10,154)
```
#2604a0
```
#2604a0 rgb(38,4,160)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#3d3a47 Atypical Achromatopsia 0.001% of the population

Dichromacy

#104383 Protanopia 1% of men
#004676 Deuteranopia 1% of men
#3a474c Tritanopia 0.001% of the population

Trichromacy

#213c7d Protanomaly 1% of men, 0.01% of women
#163e75 Deuteranomaly 6% of men, 0.4% of women
#3b3f5b Tritanomaly 0.01% of the population

#3f3074 hex color

#3f3074 Color Information

#3f3074 Color Conversion

Color Schemes with #3f3074

Alternatives to #3f3074

#3f3074 Preview

Shades and Tints of #3f3074

Tones of #3f3074

Color Blindness Simulator