#3f0dd4 hex color

In a RGB color space, hex #3f0dd4 is composed of 24.7% red, 5.1% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 70.3% cyan, 93.9% magenta, 0% yellow and 16.9% black. It has a hue angle of 255.1 degrees, a saturation of 88.4% and a lightness of 44.1%. #3f0dd4 color hex could be obtained by blending #7e1aff with #0000a9. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 25
- G 5
- B 83
RGB color chart
- C 70
- M 94
- Y 0
- K 17
CMYK color chart

● #3f0dd4 color description : Strong violet.

The hexadecimal color #3f0dd4 has RGB values of R:63, G:13, B:212 and CMYK values of C:0.7, M:0.94, Y:0, K:0.17. Its decimal value is 4132308.

Hex triplet	3f0dd4	`#3f0dd4`
RGB Decimal	63, 13, 212	`rgb(63,13,212)`
RGB Percent	24.7, 5.1, 83.1	`rgb(24.7%,5.1%,83.1%)`
CMYK	70, 94, 0, 17
HSL	255.1°, 88.4, 44.1	`hsl(255.1,88.4%,44.1%)`
HSV (or HSB)	255.1°, 93.9, 83.1
Web Safe	3300cc	`#3300cc`

CIE-LAB	29.657, 67.734, -87.69
XYZ	14.075, 6.097, 62.719
xyY	0.17, 0.074, 6.097
CIE-LCH	29.657, 110.803, 307.683
CIE-LUV	29.657, -2.367, -108.524
Hunter-Lab	24.693, 58.534, -133.309
Binary	00111111, 00001101, 11010100

#3f0dd4
```
#3f0dd4 rgb(63,13,212)
```
#a2d40d
```
#a2d40d rgb(162,212,13)
```

Complementary Color

#0d3fd4
```
#0d3fd4 rgb(13,63,212)
```
#3f0dd4
```
#3f0dd4 rgb(63,13,212)
```
#a30dd4
```
#a30dd4 rgb(163,13,212)
```

Analogous Color

#3ed40d
```
#3ed40d rgb(62,212,13)
```
#3f0dd4
```
#3f0dd4 rgb(63,13,212)
```
#d4a30d
```
#d4a30d rgb(212,163,13)
```

Split Complementary Color

#0dd43f
```
#0dd43f rgb(13,212,63)
```
#3f0dd4
```
#3f0dd4 rgb(63,13,212)
```
#d43f0d
```
#d43f0d rgb(212,63,13)
```

Triadic Color

#0da2d4
```
#0da2d4 rgb(13,162,212)
```
#3f0dd4
```
#3f0dd4 rgb(63,13,212)
```
#d43f0d
```
#d43f0d rgb(212,63,13)
```
#a2d40d
```
#a2d40d rgb(162,212,13)
```

Tetradic Color

#2a098c
```
#2a098c rgb(42,9,140)
```
#310aa4
```
#310aa4 rgb(49,10,164)
```
#380cbc
```
#380cbc rgb(56,12,188)
```
#3f0dd4
```
#3f0dd4 rgb(63,13,212)
```
#460eec
```
#460eec rgb(70,14,236)
```
#5723f1
```
#5723f1 rgb(87,35,241)
```
#693bf3
```
#693bf3 rgb(105,59,243)
```

Monochromatic Color

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

#0d0dd4
```
#0d0dd4 rgb(13,13,212)
```
#1e0dd4
```
#1e0dd4 rgb(30,13,212)
```
#2e0dd4
```
#2e0dd4 rgb(46,13,212)
```
#3f0dd4
```
#3f0dd4 rgb(63,13,212)
```
#500dd4
```
#500dd4 rgb(80,13,212)
```
#600dd4
```
#600dd4 rgb(96,13,212)
```
#710dd4
```
#710dd4 rgb(113,13,212)
```

Similar Colors

Text with hexadecimal color #3f0dd4

This text has a font color of #3f0dd4.

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

#3f0dd4 background color

This paragraph has a background color of #3f0dd4.

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

#3f0dd4 border color

This element has a border color of #3f0dd4.

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

CSS codes

.text {color:#3f0dd4;}

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

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

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

#030109
```
#030109 rgb(3,1,9)
```
#08021b
```
#08021b rgb(8,2,27)
```
#0e032e
```
#0e032e rgb(14,3,46)
```
#130440
```
#130440 rgb(19,4,64)
```
#190553
```
#190553 rgb(25,5,83)
```
#1e0665
```
#1e0665 rgb(30,6,101)
```
#240778
```
#240778 rgb(36,7,120)
```
#29088a
```
#29088a rgb(41,8,138)
```
#2f0a9d
```
#2f0a9d rgb(47,10,157)
```
#340baf
```
#340baf rgb(52,11,175)
```
#3a0cc2
```
#3a0cc2 rgb(58,12,194)
```
#3f0dd4
```
#3f0dd4 rgb(63,13,212)
```
#440ee6
```
#440ee6 rgb(68,14,230)
```

Shade Color Variation

#4e17f1
```
#4e17f1 rgb(78,23,241)
```
#5c2af2
```
#5c2af2 rgb(92,42,242)
```
#6a3cf3
```
#6a3cf3 rgb(106,60,243)
```
#784ff4
```
#784ff4 rgb(120,79,244)
```
#8761f5
```
#8761f5 rgb(135,97,245)
```
#9574f6
```
#9574f6 rgb(149,116,246)
```
#a386f8
```
#a386f8 rgb(163,134,248)
```
#b199f9
```
#b199f9 rgb(177,153,249)
```
#bfabfa
```
#bfabfa rgb(191,171,250)
```
#cdbefb
```
#cdbefb rgb(205,190,251)
```
#dbd0fc
```
#dbd0fc rgb(219,208,252)
```
#e9e3fd
```
#e9e3fd rgb(233,227,253)
```
#f8f5fe
```
#f8f5fe rgb(248,245,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6e6c75 is the less saturated color, while #3b04dd is the most saturated one.

#6e6c75
```
#6e6c75 rgb(110,108,117)
```
#6a647d
```
#6a647d rgb(106,100,125)
```
#665b86
```
#665b86 rgb(102,91,134)
```
#61528f
```
#61528f rgb(97,82,143)
```
#5d4a97
```
#5d4a97 rgb(93,74,151)
```
#5941a0
```
#5941a0 rgb(89,65,160)
```
#5538a9
```
#5538a9 rgb(85,56,169)
```
#5030b1
```
#5030b1 rgb(80,48,177)
```
#4c27ba
```
#4c27ba rgb(76,39,186)
```
#481ec3
```
#481ec3 rgb(72,30,195)
```
#4316cb
```
#4316cb rgb(67,22,203)
```
#3f0dd4
```
#3f0dd4 rgb(63,13,212)
```
#3b04dd
```
#3b04dd rgb(59,4,221)
```

Tone Color Variation

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

#333333 Achromatopsia 0.005% of the population
#352b53 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004d95 Protanopia 1% of men
#005181 Deuteranopia 1% of men
#00575b Tritanopia 0.001% of the population

Trichromacy

#1635ac Protanomaly 1% of men, 0.01% of women
#16389f Deuteranomaly 6% of men, 0.4% of women
#163c87 Tritanomaly 0.01% of the population

#3f0dd4 hex color

#3f0dd4 Color Information

#3f0dd4 Color Conversion

Color Schemes with #3f0dd4

Alternatives to #3f0dd4

#3f0dd4 Preview

Shades and Tints of #3f0dd4

Tones of #3f0dd4

Color Blindness Simulator