#3f00cc hex color

In a RGB color space, hex #3f00cc is composed of 24.7% red, 0% green and 80% blue. Whereas in a CMYK color space, it is composed of 69.1% cyan, 100% magenta, 0% yellow and 20% black. It has a hue angle of 258.5 degrees, a saturation of 100% and a lightness of 40%. #3f00cc color hex could be obtained by blending #7e00ff with #000099. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 25
- G 0
- B 80
RGB color chart
- C 69
- M 100
- Y 0
- K 20
CMYK color chart

● #3f00cc color description : Strong violet.

The hexadecimal color #3f00cc has RGB values of R:63, G:0, B:204 and CMYK values of C:0.69, M:1, Y:0, K:0.2. Its decimal value is 4128972.

Hex triplet	3f00cc	`#3f00cc`
RGB Decimal	63, 0, 204	`rgb(63,0,204)`
RGB Percent	24.7, 0, 80	`rgb(24.7%,0%,80%)`
CMYK	69, 100, 0, 20
HSL	258.5°, 100, 40	`hsl(258.5,100%,40%)`
HSV (or HSB)	258.5°, 100, 80
Web Safe	3300cc	`#3300cc`

CIE-LAB	27.888, 68.092, -85.977
XYZ	12.947, 5.416, 57.487
xyY	0.171, 0.071, 5.416
CIE-LCH	27.888, 109.675, 308.378
CIE-LUV	27.888, -1.312, -103.52
Hunter-Lab	23.272, 58.58, -130.169
Binary	00111111, 00000000, 11001100

#3f00cc
```
#3f00cc rgb(63,0,204)
```
#8dcc00
```
#8dcc00 rgb(141,204,0)
```

Complementary Color

#0027cc
```
#0027cc rgb(0,39,204)
```
#3f00cc
```
#3f00cc rgb(63,0,204)
```
#a500cc
```
#a500cc rgb(165,0,204)
```

Analogous Color

#27cc00
```
#27cc00 rgb(39,204,0)
```
#3f00cc
```
#3f00cc rgb(63,0,204)
```
#cca500
```
#cca500 rgb(204,165,0)
```

Split Complementary Color

#00cc3f
```
#00cc3f rgb(0,204,63)
```
#3f00cc
```
#3f00cc rgb(63,0,204)
```
#cc3f00
```
#cc3f00 rgb(204,63,0)
```

Triadic Color

#008dcc
```
#008dcc rgb(0,141,204)
```
#3f00cc
```
#3f00cc rgb(63,0,204)
```
#cc3f00
```
#cc3f00 rgb(204,63,0)
```
#8dcc00
```
#8dcc00 rgb(141,204,0)
```

Tetradic Color

#270080
```
#270080 rgb(39,0,128)
```
#2f0099
```
#2f0099 rgb(47,0,153)
```
#3700b3
```
#3700b3 rgb(55,0,179)
```
#3f00cc
```
#3f00cc rgb(63,0,204)
```
#4700e6
```
#4700e6 rgb(71,0,230)
```
#4f00ff
```
#4f00ff rgb(79,0,255)
```
#601aff
```
#601aff rgb(96,26,255)
```

Monochromatic Color

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

#0c00cc
```
#0c00cc rgb(12,0,204)
```
#1d00cc
```
#1d00cc rgb(29,0,204)
```
#2e00cc
```
#2e00cc rgb(46,0,204)
```
#3f00cc
```
#3f00cc rgb(63,0,204)
```
#5000cc
```
#5000cc rgb(80,0,204)
```
#6100cc
```
#6100cc rgb(97,0,204)
```
#7200cc
```
#7200cc rgb(114,0,204)
```

Similar Colors

Text with hexadecimal color #3f00cc

This text has a font color of #3f00cc.

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

#3f00cc background color

This paragraph has a background color of #3f00cc.

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

#3f00cc border color

This element has a border color of #3f00cc.

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

CSS codes

.text {color:#3f00cc;}

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

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

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

#020008
```
#020008 rgb(2,0,8)
```
#08001b
```
#08001b rgb(8,0,27)
```
#0f002f
```
#0f002f rgb(15,0,47)
```
#150043
```
#150043 rgb(21,0,67)
```
#1b0056
```
#1b0056 rgb(27,0,86)
```
#21006a
```
#21006a rgb(33,0,106)
```
#27007e
```
#27007e rgb(39,0,126)
```
#2d0091
```
#2d0091 rgb(45,0,145)
```
#3300a5
```
#3300a5 rgb(51,0,165)
```
#3900b8
```
#3900b8 rgb(57,0,184)
```
#3f00cc
```
#3f00cc rgb(63,0,204)
```
#4500e0
```
#4500e0 rgb(69,0,224)
```
#4b00f3
```
#4b00f3 rgb(75,0,243)
```

Shade Color Variation

#5408ff
```
#5408ff rgb(84,8,255)
```
#621bff
```
#621bff rgb(98,27,255)
```
#6f2fff
```
#6f2fff rgb(111,47,255)
```
#7d43ff
```
#7d43ff rgb(125,67,255)
```
#8a56ff
```
#8a56ff rgb(138,86,255)
```
#986aff
```
#986aff rgb(152,106,255)
```
#a67eff
```
#a67eff rgb(166,126,255)
```
#b391ff
```
#b391ff rgb(179,145,255)
```
#c1a5ff
```
#c1a5ff rgb(193,165,255)
```
#ceb8ff
```
#ceb8ff rgb(206,184,255)
```
#dcccff
```
#dcccff rgb(220,204,255)
```
#e9e0ff
```
#e9e0ff rgb(233,224,255)
```
#f7f3ff
```
#f7f3ff rgb(247,243,255)
```

Tint Color Variation

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

#635e6e
```
#635e6e rgb(99,94,110)
```
#605676
```
#605676 rgb(96,86,118)
```
#5d4e7e
```
#5d4e7e rgb(93,78,126)
```
#5a4785
```
#5a4785 rgb(90,71,133)
```
#573f8d
```
#573f8d rgb(87,63,141)
```
#543795
```
#543795 rgb(84,55,149)
```
#512f9d
```
#512f9d rgb(81,47,157)
```
#4e27a5
```
#4e27a5 rgb(78,39,165)
```
#4b1fad
```
#4b1fad rgb(75,31,173)
```
#4818b4
```
#4818b4 rgb(72,24,180)
```
#4510bc
```
#4510bc rgb(69,16,188)
```
#4208c4
```
#4208c4 rgb(66,8,196)
```
#3f00cc
```
#3f00cc rgb(63,0,204)
```

Tone Color Variation

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

#2a2a2a Achromatopsia 0.005% of the population
#2e224a Atypical Achromatopsia 0.001% of the population

Dichromacy

#00498e Protanopia 1% of men
#004d7b Deuteranopia 1% of men
#005357 Tritanopia 0.001% of the population

Trichromacy

#162ea4 Protanomaly 1% of men, 0.01% of women
#163198 Deuteranomaly 6% of men, 0.4% of women
#163481 Tritanomaly 0.01% of the population

#3f00cc hex color

#3f00cc Color Information

#3f00cc Color Conversion

Color Schemes with #3f00cc

Alternatives to #3f00cc

#3f00cc Preview

Shades and Tints of #3f00cc

Tones of #3f00cc

Color Blindness Simulator