#3f3f64 hex color

In a RGB color space, hex #3f3f64 is composed of 24.7% red, 24.7% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 37% cyan, 37% magenta, 0% yellow and 60.8% black. It has a hue angle of 240 degrees, a saturation of 22.7% and a lightness of 32%. #3f3f64 color hex could be obtained by blending #7e7ec8 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 25
- G 25
- B 39
RGB color chart
- C 37
- M 37
- Y 0
- K 61
CMYK color chart

● #3f3f64 color description : Very dark desaturated blue.

The hexadecimal color #3f3f64 has RGB values of R:63, G:63, B:100 and CMYK values of C:0.37, M:0.37, Y:0, K:0.61. Its decimal value is 4144996.

Hex triplet	3f3f64	`#3f3f64`
RGB Decimal	63, 63, 100	`rgb(63,63,100)`
RGB Percent	24.7, 24.7, 39.2	`rgb(24.7%,24.7%,39.2%)`
CMYK	37, 37, 0, 61
HSL	240°, 22.7, 32	`hsl(240,22.7%,32%)`
HSV (or HSB)	240°, 37, 39.2
Web Safe	333366	`#333366`

CIE-LAB	28.199, 9.97, -21.771
XYZ	6.127, 5.532, 12.801
xyY	0.251, 0.226, 5.532
CIE-LCH	28.199, 23.946, 294.606
CIE-LUV	28.199, -2.061, -28.549
Hunter-Lab	23.52, 5.342, -15.805
Binary	00111111, 00111111, 01100100

#3f3f64
```
#3f3f64 rgb(63,63,100)
```
#64643f
```
#64643f rgb(100,100,63)
```

Complementary Color

#3f5264
```
#3f5264 rgb(63,82,100)
```
#3f3f64
```
#3f3f64 rgb(63,63,100)
```
#523f64
```
#523f64 rgb(82,63,100)
```

Analogous Color

#52643f
```
#52643f rgb(82,100,63)
```
#3f3f64
```
#3f3f64 rgb(63,63,100)
```
#64523f
```
#64523f rgb(100,82,63)
```

Split Complementary Color

#3f643f
```
#3f643f rgb(63,100,63)
```
#3f3f64
```
#3f3f64 rgb(63,63,100)
```
#643f3f
```
#643f3f rgb(100,63,63)
```

Triadic Color

#3f6464
```
#3f6464 rgb(63,100,100)
```
#3f3f64
```
#3f3f64 rgb(63,63,100)
```
#643f3f
```
#643f3f rgb(100,63,63)
```
#64643f
```
#64643f rgb(100,100,63)
```

Tetradic Color

#212135
```
#212135 rgb(33,33,53)
```
#2b2b45
```
#2b2b45 rgb(43,43,69)
```
#353554
```
#353554 rgb(53,53,84)
```
#3f3f64
```
#3f3f64 rgb(63,63,100)
```
#494974
```
#494974 rgb(73,73,116)
```
#535383
```
#535383 rgb(83,83,131)
```
#5d5d93
```
#5d5d93 rgb(93,93,147)
```

Monochromatic Color

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

#3f4864
```
#3f4864 rgb(63,72,100)
```
#3f4564
```
#3f4564 rgb(63,69,100)
```
#3f4264
```
#3f4264 rgb(63,66,100)
```
#3f3f64
```
#3f3f64 rgb(63,63,100)
```
#423f64
```
#423f64 rgb(66,63,100)
```
#453f64
```
#453f64 rgb(69,63,100)
```
#483f64
```
#483f64 rgb(72,63,100)
```

Similar Colors

Text with hexadecimal color #3f3f64

This text has a font color of #3f3f64.

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

#3f3f64 background color

This paragraph has a background color of #3f3f64.

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

#3f3f64 border color

This element has a border color of #3f3f64.

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

CSS codes

.text {color:#3f3f64;}

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

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

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 #f7f7fa is the lightest one.

#020204
```
#020204 rgb(2,2,4)
```
#0a0a10
```
#0a0a10 rgb(10,10,16)
```
#12121c
```
#12121c rgb(18,18,28)
```
#191928
```
#191928 rgb(25,25,40)
```
#212134
```
#212134 rgb(33,33,52)
```
#282840
```
#282840 rgb(40,40,64)
```
#30304c
```
#30304c rgb(48,48,76)
```
#373758
```
#373758 rgb(55,55,88)
```
#3f3f64
```
#3f3f64 rgb(63,63,100)
```
#474770
```
#474770 rgb(71,71,112)
```
#4e4e7c
```
#4e4e7c rgb(78,78,124)
```
#565688
```
#565688 rgb(86,86,136)
```
#5d5d94
```
#5d5d94 rgb(93,93,148)
```

Shade Color Variation

#66669f
```
#66669f rgb(102,102,159)
```
#7272a6
```
#7272a6 rgb(114,114,166)
```
#7e7eae
```
#7e7eae rgb(126,126,174)
```
#8a8ab6
```
#8a8ab6 rgb(138,138,182)
```
#9696bd
```
#9696bd rgb(150,150,189)
```
#a2a2c5
```
#a2a2c5 rgb(162,162,197)
```
#aeaecc
```
#aeaecc rgb(174,174,204)
```
#bbbbd4
```
#bbbbd4 rgb(187,187,212)
```
#c7c7db
```
#c7c7db rgb(199,199,219)
```
#d3d3e3
```
#d3d3e3 rgb(211,211,227)
```
#dfdfeb
```
#dfdfeb rgb(223,223,235)
```
#ebebf2
```
#ebebf2 rgb(235,235,242)
```
#f7f7fa
```
#f7f7fa rgb(247,247,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4c4c57 is the less saturated color, while #0000a3 is the most saturated one.

#4c4c57
```
#4c4c57 rgb(76,76,87)
```
#45455e
```
#45455e rgb(69,69,94)
```
#3f3f64
```
#3f3f64 rgb(63,63,100)
```
#39396a
```
#39396a rgb(57,57,106)
```
#323271
```
#323271 rgb(50,50,113)
```
#2c2c77
```
#2c2c77 rgb(44,44,119)
```
#26267d
```
#26267d rgb(38,38,125)
```
#202083
```
#202083 rgb(32,32,131)
```
#19198a
```
#19198a rgb(25,25,138)
```
#131390
```
#131390 rgb(19,19,144)
```
#0d0d96
```
#0d0d96 rgb(13,13,150)
```
#07079c
```
#07079c rgb(7,7,156)
```
#0000a3
```
#0000a3 rgb(0,0,163)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#42424a Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f4b6d Protanopia 1% of men
#3e4b6b Deuteranopia 1% of men
#424e53 Tritanopia 0.001% of the population

Trichromacy

#3f466a Protanomaly 1% of men, 0.01% of women
#3e4768 Deuteranomaly 6% of men, 0.4% of women
#414859 Tritanomaly 0.01% of the population

#3f3f64 hex color

#3f3f64 Color Information

#3f3f64 Color Conversion

Color Schemes with #3f3f64

Alternatives to #3f3f64

#3f3f64 Preview

Shades and Tints of #3f3f64

Tones of #3f3f64

Color Blindness Simulator