colorhexa.com

#3f06b3 hex color

In a RGB color space, hex #3f06b3 is composed of 24.7% red, 2.4% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 64.8% cyan, 96.6% magenta, 0% yellow and 29.8% black. It has a hue angle of 259.8 degrees, a saturation of 93.5% and a lightness of 36.3%. #3f06b3 color hex could be obtained by blending #7e0cff with #000067. Closest websafe color is: #3300cc.

- R 25
- G 2
- B 70
RGB color chart
- C 65
- M 97
- Y 0
- K 30
CMYK color chart

● #3f06b3 color description : Strong violet.

The hexadecimal color #3f06b3 has RGB values of R:63, G:6, B:179 and CMYK values of C:0.65, M:0.97, Y:0, K:0.3. Its decimal value is 4130483.

Hex triplet	3f06b3	`#3f06b3`
RGB Decimal	63, 6, 179	`rgb(63,6,179)`
RGB Percent	24.7, 2.4, 70.2	`rgb(24.7%,2.4%,70.2%)`
CMYK	65, 97, 0, 30
HSL	259.8°, 93.5, 36.3	`hsl(259.8,93.5%,36.3%)`
HSV (or HSB)	259.8°, 96.6, 70.2
Web Safe	3300cc	`#3300cc`

CIE-LAB	25.08, 60.927, -75.865
XYZ	10.25, 4.441, 42.962
xyY	0.178, 0.077, 4.441
CIE-LCH	25.08, 97.301, 308.768
CIE-LUV	25.08, 0.466, -89.357
Hunter-Lab	21.074, 49.939, -106.117
Binary	00111111, 00000110, 10110011

#3f06b3
```
#3f06b3 rgb(63,6,179)
```
#7ab306
```
#7ab306 rgb(122,179,6)
```

Complementary Color

#0624b3
```
#0624b3 rgb(6,36,179)
```
#3f06b3
```
#3f06b3 rgb(63,6,179)
```
#9606b3
```
#9606b3 rgb(150,6,179)
```

Analogous Color

#24b306
```
#24b306 rgb(36,179,6)
```
#3f06b3
```
#3f06b3 rgb(63,6,179)
```
#b39606
```
#b39606 rgb(179,150,6)
```

Split Complementary Color

#250469
```
#250469 rgb(37,4,105)
```
#2e0482
```
#2e0482 rgb(46,4,130)
```
#36059a
```
#36059a rgb(54,5,154)
```
#3f06b3
```
#3f06b3 rgb(63,6,179)
```
#4807cc
```
#4807cc rgb(72,7,204)
```
#5008e4
```
#5008e4 rgb(80,8,228)
```
#5b0ff7
```
#5b0ff7 rgb(91,15,247)
```

Monochromatic Color

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

#1406b3
```
#1406b3 rgb(20,6,179)
```
#2206b3
```
#2206b3 rgb(34,6,179)
```
#3106b3
```
#3106b3 rgb(49,6,179)
```
#3f06b3
```
#3f06b3 rgb(63,6,179)
```
#4d06b3
```
#4d06b3 rgb(77,6,179)
```
#5c06b3
```
#5c06b3 rgb(92,6,179)
```
#6a06b3
```
#6a06b3 rgb(106,6,179)
```

Similar Colors

Text with hexadecimal color #3f06b3

This text has a font color of #3f06b3.

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

#3f06b3 background color

This paragraph has a background color of #3f06b3.

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

#3f06b3 border color

This element has a border color of #3f06b3.

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

CSS codes

.text {color:#3f06b3;}

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

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

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

#030008
```
#030008 rgb(3,0,8)
```
#0a011b
```
#0a011b rgb(10,1,27)
```
#10022e
```
#10022e rgb(16,2,46)
```
#170241
```
#170241 rgb(23,2,65)
```
#1e0354
```
#1e0354 rgb(30,3,84)
```
#240367
```
#240367 rgb(36,3,103)
```
#2b047a
```
#2b047a rgb(43,4,122)
```
#32058d
```
#32058d rgb(50,5,141)
```
#3805a0
```
#3805a0 rgb(56,5,160)
```
#3f06b3
```
#3f06b3 rgb(63,6,179)
```
#4607c6
```
#4607c6 rgb(70,7,198)
```
#4c07d9
```
#4c07d9 rgb(76,7,217)
```
#5308ec
```
#5308ec rgb(83,8,236)
```

Shade Color Variation

#5c10f7
```
#5c10f7 rgb(92,16,247)
```
#6923f8
```
#6923f8 rgb(105,35,248)
```
#7636f8
```
#7636f8 rgb(118,54,248)
```
#8349f9
```
#8349f9 rgb(131,73,249)
```
#905cfa
```
#905cfa rgb(144,92,250)
```
#9d6ffa
```
#9d6ffa rgb(157,111,250)
```
#aa82fb
```
#aa82fb rgb(170,130,251)
```
#b795fb
```
#b795fb rgb(183,149,251)
```
#c4a8fc
```
#c4a8fc rgb(196,168,252)
```
#d1bbfd
```
#d1bbfd rgb(209,187,253)
```
#decefd
```
#decefd rgb(222,206,253)
```
#ebe1fe
```
#ebe1fe rgb(235,225,254)
```
#f8f4ff
```
#f8f4ff rgb(248,244,255)
```

Tint Color Variation

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

#5c5b5e
```
#5c5b5e rgb(92,91,94)
```
#5a5465
```
#5a5465 rgb(90,84,101)
```
#574d6c
```
#574d6c rgb(87,77,108)
```
#554673
```
#554673 rgb(85,70,115)
```
#523f7a
```
#523f7a rgb(82,63,122)
```
#503881
```
#503881 rgb(80,56,129)
```
#4e3188
```
#4e3188 rgb(78,49,136)
```
#4b2a8f
```
#4b2a8f rgb(75,42,143)
```
#492297
```
#492297 rgb(73,34,151)
```
#461b9e
```
#461b9e rgb(70,27,158)
```
#4414a5
```
#4414a5 rgb(68,20,165)
```
#410dac
```
#410dac rgb(65,13,172)
```
#3f06b3
```
#3f06b3 rgb(63,6,179)
```

Tone Color Variation

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

#2b2b2b Achromatopsia 0.005% of the population
#2f2446 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004383 Protanopia 1% of men
#004771 Deuteranopia 1% of men
#004c50 Tritanopia 0.001% of the population

Trichromacy

#162d94 Protanomaly 1% of men, 0.01% of women
#162f89 Deuteranomaly 6% of men, 0.4% of women
#163274 Tritanomaly 0.01% of the population