#3f3df5 hex color

In a RGB color space, hex #3f3df5 is composed of 24.7% red, 23.9% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 74.3% cyan, 75.1% magenta, 0% yellow and 3.9% black. It has a hue angle of 240.7 degrees, a saturation of 90.2% and a lightness of 60%. #3f3df5 color hex could be obtained by blending #7e7aff with #0000eb. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 25
- G 24
- B 96
RGB color chart
- C 74
- M 75
- Y 0
- K 4
CMYK color chart

● #3f3df5 color description : Bright blue.

The hexadecimal color #3f3df5 has RGB values of R:63, G:61, B:245 and CMYK values of C:0.74, M:0.75, Y:0, K:0.04. Its decimal value is 4144629.

Hex triplet	3f3df5	`#3f3df5`
RGB Decimal	63, 61, 245	`rgb(63,61,245)`
RGB Percent	24.7, 23.9, 96.1	`rgb(24.7%,23.9%,96.1%)`
CMYK	74, 75, 0, 4
HSL	240.7°, 90.2, 60	`hsl(240.7,90.2%,60%)`
HSV (or HSB)	240.7°, 75.1, 96.1
Web Safe	3333ff	`#3333ff`

CIE-LAB	39.556, 58.901, -90.112
XYZ	20.197, 10.986, 87.437
xyY	0.17, 0.093, 10.986
CIE-LCH	39.556, 107.654, 303.17
CIE-LUV	39.556, -8.858, -127.166
Hunter-Lab	33.145, 50.767, -133.209
Binary	00111111, 00111101, 11110101

#3f3df5
```
#3f3df5 rgb(63,61,245)
```
#f3f53d
```
#f3f53d rgb(243,245,61)
```

Complementary Color

#3d97f5
```
#3d97f5 rgb(61,151,245)
```
#3f3df5
```
#3f3df5 rgb(63,61,245)
```
#9b3df5
```
#9b3df5 rgb(155,61,245)
```

Analogous Color

#97f53d
```
#97f53d rgb(151,245,61)
```
#3f3df5
```
#3f3df5 rgb(63,61,245)
```
#f59b3d
```
#f59b3d rgb(245,155,61)
```

Split Complementary Color

#3df53f
```
#3df53f rgb(61,245,63)
```
#3f3df5
```
#3f3df5 rgb(63,61,245)
```
#f53f3d
```
#f53f3d rgb(245,63,61)
```

Triadic Color

#3df3f5
```
#3df3f5 rgb(61,243,245)
```
#3f3df5
```
#3f3df5 rgb(63,61,245)
```
#f53f3d
```
#f53f3d rgb(245,63,61)
```
#f3f53d
```
#f3f53d rgb(243,245,61)
```

Tetradic Color

#0d0bda
```
#0d0bda rgb(13,11,218)
```
#0f0df3
```
#0f0df3 rgb(15,13,243)
```
#2725f4
```
#2725f4 rgb(39,37,244)
```
#3f3df5
```
#3f3df5 rgb(63,61,245)
```
#5755f6
```
#5755f6 rgb(87,85,246)
```
#6f6ef8
```
#6f6ef8 rgb(111,110,248)
```
#8786f9
```
#8786f9 rgb(135,134,249)
```

Monochromatic Color

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

#3d69f5
```
#3d69f5 rgb(61,105,245)
```
#3d5af5
```
#3d5af5 rgb(61,90,245)
```
#3d4af5
```
#3d4af5 rgb(61,74,245)
```
#3f3df5
```
#3f3df5 rgb(63,61,245)
```
#4e3df5
```
#4e3df5 rgb(78,61,245)
```
#5e3df5
```
#5e3df5 rgb(94,61,245)
```
#6d3df5
```
#6d3df5 rgb(109,61,245)
```

Similar Colors

Text with hexadecimal color #3f3df5

This text has a font color of #3f3df5.

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

#3f3df5 background color

This paragraph has a background color of #3f3df5.

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

#3f3df5 border color

This element has a border color of #3f3df5.

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

CSS codes

.text {color:#3f3df5;}

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

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

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, #01010b is the darkest color, while #f8f8ff is the lightest one.

#01010b
```
#01010b rgb(1,1,11)
```
#02021e
```
#02021e rgb(2,2,30)
```
#030231
```
#030231 rgb(3,2,49)
```
#040343
```
#040343 rgb(4,3,67)
```
#050456
```
#050456 rgb(5,4,86)
```
#060568
```
#060568 rgb(6,5,104)
```
#08067b
```
#08067b rgb(8,6,123)
```
#09078e
```
#09078e rgb(9,7,142)
```
#0a08a0
```
#0a08a0 rgb(10,8,160)
```
#0b09b3
```
#0b09b3 rgb(11,9,179)
```
#0c0ac6
```
#0c0ac6 rgb(12,10,198)
```
#0d0bd8
```
#0d0bd8 rgb(13,11,216)
```
#0f0ceb
```
#0f0ceb rgb(15,12,235)
```

Shade Color Variation

#1a18f3
```
#1a18f3 rgb(26,24,243)
```
#2d2af4
```
#2d2af4 rgb(45,42,244)
```
#3f3df5
```
#3f3df5 rgb(63,61,245)
```
#5150f6
```
#5150f6 rgb(81,80,246)
```
#6462f7
```
#6462f7 rgb(100,98,247)
```
#7675f8
```
#7675f8 rgb(118,117,248)
```
#8988f9
```
#8988f9 rgb(137,136,249)
```
#9b9afa
```
#9b9afa rgb(155,154,250)
```
#aeadfb
```
#aeadfb rgb(174,173,251)
```
#c0c0fc
```
#c0c0fc rgb(192,192,252)
```
#d3d2fd
```
#d3d2fd rgb(211,210,253)
```
#e5e5fe
```
#e5e5fe rgb(229,229,254)
```
#f8f8ff
```
#f8f8ff rgb(248,248,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #93939f is the less saturated color, while #3735fd is the most saturated one.

#93939f
```
#93939f rgb(147,147,159)
```
#8c8ba7
```
#8c8ba7 rgb(140,139,167)
```
#8484ae
```
#8484ae rgb(132,132,174)
```
#7c7cb6
```
#7c7cb6 rgb(124,124,182)
```
#7574be
```
#7574be rgb(117,116,190)
```
#6d6cc6
```
#6d6cc6 rgb(109,108,198)
```
#6564ce
```
#6564ce rgb(101,100,206)
```
#5e5cd6
```
#5e5cd6 rgb(94,92,214)
```
#5655dd
```
#5655dd rgb(86,85,221)
```
#4e4de5
```
#4e4de5 rgb(78,77,229)
```
#4745ed
```
#4745ed rgb(71,69,237)
```
#3f3df5
```
#3f3df5 rgb(63,61,245)
```
#3735fd
```
#3735fd rgb(55,53,253)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#4f4f73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062bf Protanopia 1% of men
#0068a6 Deuteranopia 1% of men
#006f75 Tritanopia 0.001% of the population

Trichromacy

#1655d3 Protanomaly 1% of men, 0.01% of women
#1658c2 Deuteranomaly 6% of men, 0.4% of women
#165da3 Tritanomaly 0.01% of the population

#3f3df5 hex color

#3f3df5 Color Information

#3f3df5 Color Conversion

Color Schemes with #3f3df5

Alternatives to #3f3df5

#3f3df5 Preview

Shades and Tints of #3f3df5

Tones of #3f3df5

Color Blindness Simulator