#3f00b4 hex color

In a RGB color space, hex #3f00b4 is composed of 24.7% red, 0% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 65% cyan, 100% magenta, 0% yellow and 29.4% black. It has a hue angle of 261 degrees, a saturation of 100% and a lightness of 35.3%. #3f00b4 color hex could be obtained by blending #7e00ff with #000069. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 25
- G 0
- B 71
RGB color chart
- C 65
- M 100
- Y 0
- K 29
CMYK color chart

● #3f00b4 color description : Strong violet.

The hexadecimal color #3f00b4 has RGB values of R:63, G:0, B:180 and CMYK values of C:0.65, M:1, Y:0, K:0.29. Its decimal value is 4128948.

Hex triplet	3f00b4	`#3f00b4`
RGB Decimal	63, 0, 180	`rgb(63,0,180)`
RGB Percent	24.7, 0, 70.6	`rgb(24.7%,0%,70.6%)`
CMYK	65, 100, 0, 29
HSL	261°, 100, 35.3	`hsl(261,100%,35.3%)`
HSV (or HSB)	261°, 100, 70.6
Web Safe	3300cc	`#3300cc`

CIE-LAB	24.802, 62.408, -76.926
XYZ	10.287, 4.352, 43.475
xyY	0.177, 0.075, 4.352
CIE-LCH	24.802, 99.057, 309.051
CIE-LUV	24.802, 0.616, -89.698
Hunter-Lab	20.861, 51.514, -108.963
Binary	00111111, 00000000, 10110100

#3f00b4
```
#3f00b4 rgb(63,0,180)
```
#75b400
```
#75b400 rgb(117,180,0)
```

Complementary Color

#001bb4
```
#001bb4 rgb(0,27,180)
```
#3f00b4
```
#3f00b4 rgb(63,0,180)
```
#9900b4
```
#9900b4 rgb(153,0,180)
```

Analogous Color

#1bb400
```
#1bb400 rgb(27,180,0)
```
#3f00b4
```
#3f00b4 rgb(63,0,180)
```
#b49900
```
#b49900 rgb(180,153,0)
```

Split Complementary Color

#00b43f
```
#00b43f rgb(0,180,63)
```
#3f00b4
```
#3f00b4 rgb(63,0,180)
```
#b43f00
```
#b43f00 rgb(180,63,0)
```

Triadic Color

#0075b4
```
#0075b4 rgb(0,117,180)
```
#3f00b4
```
#3f00b4 rgb(63,0,180)
```
#b43f00
```
#b43f00 rgb(180,63,0)
```
#75b400
```
#75b400 rgb(117,180,0)
```

Tetradic Color

#240068
```
#240068 rgb(36,0,104)
```
#2d0081
```
#2d0081 rgb(45,0,129)
```
#36009b
```
#36009b rgb(54,0,155)
```
#3f00b4
```
#3f00b4 rgb(63,0,180)
```
#4800ce
```
#4800ce rgb(72,0,206)
```
#5100e7
```
#5100e7 rgb(81,0,231)
```
#5a01ff
```
#5a01ff rgb(90,1,255)
```

Monochromatic Color

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

#1200b4
```
#1200b4 rgb(18,0,180)
```
#2100b4
```
#2100b4 rgb(33,0,180)
```
#3000b4
```
#3000b4 rgb(48,0,180)
```
#3f00b4
```
#3f00b4 rgb(63,0,180)
```
#4e00b4
```
#4e00b4 rgb(78,0,180)
```
#5d00b4
```
#5d00b4 rgb(93,0,180)
```
#6c00b4
```
#6c00b4 rgb(108,0,180)
```

Similar Colors

Text with hexadecimal color #3f00b4

This text has a font color of #3f00b4.

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

#3f00b4 background color

This paragraph has a background color of #3f00b4.

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

#3f00b4 border color

This element has a border color of #3f00b4.

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

CSS codes

.text {color:#3f00b4;}

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

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

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

#010003
```
#010003 rgb(1,0,3)
```
#080017
```
#080017 rgb(8,0,23)
```
#0f002b
```
#0f002b rgb(15,0,43)
```
#16003e
```
#16003e rgb(22,0,62)
```
#1d0052
```
#1d0052 rgb(29,0,82)
```
#240066
```
#240066 rgb(36,0,102)
```
#2a0079
```
#2a0079 rgb(42,0,121)
```
#31008d
```
#31008d rgb(49,0,141)
```
#3800a0
```
#3800a0 rgb(56,0,160)
```
#3f00b4
```
#3f00b4 rgb(63,0,180)
```
#4600c8
```
#4600c8 rgb(70,0,200)
```
#4d00db
```
#4d00db rgb(77,0,219)
```
#5400ef
```
#5400ef rgb(84,0,239)
```

Shade Color Variation

#5c03ff
```
#5c03ff rgb(92,3,255)
```
#6817ff
```
#6817ff rgb(104,23,255)
```
#752bff
```
#752bff rgb(117,43,255)
```
#823eff
```
#823eff rgb(130,62,255)
```
#8f52ff
```
#8f52ff rgb(143,82,255)
```
#9b66ff
```
#9b66ff rgb(155,102,255)
```
#a879ff
```
#a879ff rgb(168,121,255)
```
#b58dff
```
#b58dff rgb(181,141,255)
```
#c2a0ff
```
#c2a0ff rgb(194,160,255)
```
#ceb4ff
```
#ceb4ff rgb(206,180,255)
```
#dbc8ff
```
#dbc8ff rgb(219,200,255)
```
#e8dbff
```
#e8dbff rgb(232,219,255)
```
#f5efff
```
#f5efff rgb(245,239,255)
```

Tint Color Variation

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

#585361
```
#585361 rgb(88,83,97)
```
#564c68
```
#564c68 rgb(86,76,104)
```
#54456f
```
#54456f rgb(84,69,111)
```
#523e76
```
#523e76 rgb(82,62,118)
```
#50377d
```
#50377d rgb(80,55,125)
```
#4e3084
```
#4e3084 rgb(78,48,132)
```
#4b2a8a
```
#4b2a8a rgb(75,42,138)
```
#492391
```
#492391 rgb(73,35,145)
```
#471c98
```
#471c98 rgb(71,28,152)
```
#45159f
```
#45159f rgb(69,21,159)
```
#430ea6
```
#430ea6 rgb(67,14,166)
```
#4107ad
```
#4107ad rgb(65,7,173)
```
#3f00b4
```
#3f00b4 rgb(63,0,180)
```

Tone Color Variation

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

#272727 Achromatopsia 0.005% of the population
#2c1f43 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004382 Protanopia 1% of men
#004770 Deuteranopia 1% of men
#004b50 Tritanopia 0.001% of the population

Trichromacy

#162a94 Protanomaly 1% of men, 0.01% of women
#162d89 Deuteranomaly 6% of men, 0.4% of women
#163074 Tritanomaly 0.01% of the population

#3f00b4 hex color

#3f00b4 Color Information

#3f00b4 Color Conversion

Color Schemes with #3f00b4

Alternatives to #3f00b4

#3f00b4 Preview

Shades and Tints of #3f00b4

Tones of #3f00b4

Color Blindness Simulator