#3f06cc hex color

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

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

● #3f06cc color description : Strong violet.

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

Hex triplet	3f06cc	`#3f06cc`
RGB Decimal	63, 6, 204	`rgb(63,6,204)`
RGB Percent	24.7, 2.4, 80	`rgb(24.7%,2.4%,80%)`
CMYK	69, 97, 0, 20
HSL	257.3°, 94.3, 41.2	`hsl(257.3,94.3%,41.2%)`
HSV (or HSB)	257.3°, 97.1, 80
Web Safe	3300cc	`#3300cc`

CIE-LAB	28.237, 67.018, -85.396
XYZ	13.012, 5.546, 57.508
xyY	0.171, 0.073, 5.546
CIE-LCH	28.237, 108.553, 308.125
CIE-LUV	28.237, -1.526, -103.734
Hunter-Lab	23.55, 57.414, -128.299
Binary	00111111, 00000110, 11001100

#3f06cc
```
#3f06cc rgb(63,6,204)
```
#93cc06
```
#93cc06 rgb(147,204,6)
```

Complementary Color

#0630cc
```
#0630cc rgb(6,48,204)
```
#3f06cc
```
#3f06cc rgb(63,6,204)
```
#a206cc
```
#a206cc rgb(162,6,204)
```

Analogous Color

#30cc06
```
#30cc06 rgb(48,204,6)
```
#3f06cc
```
#3f06cc rgb(63,6,204)
```
#cca206
```
#cca206 rgb(204,162,6)
```

Split Complementary Color

#06cc3f
```
#06cc3f rgb(6,204,63)
```
#3f06cc
```
#3f06cc rgb(63,6,204)
```
#cc3f06
```
#cc3f06 rgb(204,63,6)
```

Triadic Color

#0693cc
```
#0693cc rgb(6,147,204)
```
#3f06cc
```
#3f06cc rgb(63,6,204)
```
#cc3f06
```
#cc3f06 rgb(204,63,6)
```
#93cc06
```
#93cc06 rgb(147,204,6)
```

Tetradic Color

#280482
```
#280482 rgb(40,4,130)
```
#30059a
```
#30059a rgb(48,5,154)
```
#3705b3
```
#3705b3 rgb(55,5,179)
```
#3f06cc
```
#3f06cc rgb(63,6,204)
```
#4707e5
```
#4707e5 rgb(71,7,229)
```
#510df8
```
#510df8 rgb(81,13,248)
```
#6326f9
```
#6326f9 rgb(99,38,249)
```

Monochromatic Color

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

#0d06cc
```
#0d06cc rgb(13,6,204)
```
#1e06cc
```
#1e06cc rgb(30,6,204)
```
#2f06cc
```
#2f06cc rgb(47,6,204)
```
#3f06cc
```
#3f06cc rgb(63,6,204)
```
#5006cc
```
#5006cc rgb(80,6,204)
```
#6006cc
```
#6006cc rgb(96,6,204)
```
#7106cc
```
#7106cc rgb(113,6,204)
```

Similar Colors

Text with hexadecimal color #3f06cc

This text has a font color of #3f06cc.

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

#3f06cc background color

This paragraph has a background color of #3f06cc.

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

#3f06cc border color

This element has a border color of #3f06cc.

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

CSS codes

.text {color:#3f06cc;}

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

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

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, #04000d is the darkest color, while #fbf9ff is the lightest one.

#04000d
```
#04000d rgb(4,0,13)
```
#0a0121
```
#0a0121 rgb(10,1,33)
```
#100234
```
#100234 rgb(16,2,52)
```
#160247
```
#160247 rgb(22,2,71)
```
#1c035a
```
#1c035a rgb(28,3,90)
```
#22036d
```
#22036d rgb(34,3,109)
```
#270480
```
#270480 rgb(39,4,128)
```
#2d0493
```
#2d0493 rgb(45,4,147)
```
#3305a6
```
#3305a6 rgb(51,5,166)
```
#3905b9
```
#3905b9 rgb(57,5,185)
```
#3f06cc
```
#3f06cc rgb(63,6,204)
```
#4507df
```
#4507df rgb(69,7,223)
```
#4b07f2
```
#4b07f2 rgb(75,7,242)
```

Shade Color Variation

#5615f8
```
#5615f8 rgb(86,21,248)
```
#6428f9
```
#6428f9 rgb(100,40,249)
```
#723bf9
```
#723bf9 rgb(114,59,249)
```
#7f4efa
```
#7f4efa rgb(127,78,250)
```
#8d61fa
```
#8d61fa rgb(141,97,250)
```
#9b74fb
```
#9b74fb rgb(155,116,251)
```
#a987fb
```
#a987fb rgb(169,135,251)
```
#b69afc
```
#b69afc rgb(182,154,252)
```
#c4adfd
```
#c4adfd rgb(196,173,253)
```
#d2c0fd
```
#d2c0fd rgb(210,192,253)
```
#e0d3fe
```
#e0d3fe rgb(224,211,254)
```
#ede6fe
```
#ede6fe rgb(237,230,254)
```
#fbf9ff
```
#fbf9ff rgb(251,249,255)
```

Tint Color Variation

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

#68676b
```
#68676b rgb(104,103,107)
```
#655f73
```
#655f73 rgb(101,95,115)
```
#61577b
```
#61577b rgb(97,87,123)
```
#5e4f83
```
#5e4f83 rgb(94,79,131)
```
#5a478b
```
#5a478b rgb(90,71,139)
```
#573f93
```
#573f93 rgb(87,63,147)
```
#54369c
```
#54369c rgb(84,54,156)
```
#502ea4
```
#502ea4 rgb(80,46,164)
```
#4d26ac
```
#4d26ac rgb(77,38,172)
```
#491eb4
```
#491eb4 rgb(73,30,180)
```
#4616bc
```
#4616bc rgb(70,22,188)
```
#420ec4
```
#420ec4 rgb(66,14,196)
```
#3f06cc
```
#3f06cc rgb(63,6,204)
```

Tone Color Variation

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

#2e2e2e Achromatopsia 0.005% of the population
#31264e Atypical Achromatopsia 0.001% of the population

Dichromacy

#004a90 Protanopia 1% of men
#004e7c Deuteranopia 1% of men
#005458 Tritanopia 0.001% of the population

Trichromacy

#1631a5 Protanomaly 1% of men, 0.01% of women
#163499 Deuteranomaly 6% of men, 0.4% of women
#163782 Tritanomaly 0.01% of the population

#3f06cc hex color

#3f06cc Color Information

#3f06cc Color Conversion

Color Schemes with #3f06cc

Alternatives to #3f06cc

#3f06cc Preview

Shades and Tints of #3f06cc

Tones of #3f06cc

Color Blindness Simulator