colorhexa.com

#3218fe hex color

In a RGB color space, hex #3218fe is composed of 19.6% red, 9.4% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 80.3% cyan, 90.6% magenta, 0% yellow and 0.4% black. It has a hue angle of 246.8 degrees, a saturation of 99.1% and a lightness of 54.5%. #3218fe color hex could be obtained by blending #6430ff with #0000fd. Closest websafe color is: #3300ff.

- R 20
- G 9
- B 100
RGB color chart
- C 80
- M 91
- Y 0
- K 0
CMYK color chart

● #3218fe color description : Vivid blue.

The hexadecimal color #3218fe has RGB values of R:50, G:24, B:254 and CMYK values of C:0.8, M:0.91, Y:0, K:0. Its decimal value is 3283198.

Hex triplet	3218fe	`#3218fe`
RGB Decimal	50, 24, 254	`rgb(50,24,254)`
RGB Percent	19.6, 9.4, 99.6	`rgb(19.6%,9.4%,99.6%)`
CMYK	80, 91, 0, 0
HSL	246.8°, 99.1, 54.5	`hsl(246.8,99.1%,54.5%)`
HSV (or HSB)	246.8°, 90.6, 99.6
Web Safe	3300ff	`#3300ff`

CIE-LAB	34.975, 75.317, -102.799
XYZ	19.528, 8.486, 94.369
xyY	0.16, 0.069, 8.486
CIE-LCH	34.975, 127.437, 306.229
CIE-LUV	34.975, -7.344, -132.171
Hunter-Lab	29.13, 68.681, -171.681
Binary	00110010, 00011000, 11111110

#3218fe
```
#3218fe rgb(50,24,254)
```
#e4fe18
```
#e4fe18 rgb(228,254,24)
```

Complementary Color

#1871fe
```
#1871fe rgb(24,113,254)
```
#3218fe
```
#3218fe rgb(50,24,254)
```
#a518fe
```
#a518fe rgb(165,24,254)
```

Analogous Color

#71fe18
```
#71fe18 rgb(113,254,24)
```
#3218fe
```
#3218fe rgb(50,24,254)
```
#fea518
```
#fea518 rgb(254,165,24)
```

Split Complementary Color

#18fe32
```
#18fe32 rgb(24,254,50)
```
#3218fe
```
#3218fe rgb(50,24,254)
```
#fe3218
```
#fe3218 rgb(254,50,24)
```

Triadic Color

#18e4fe
```
#18e4fe rgb(24,228,254)
```
#3218fe
```
#3218fe rgb(50,24,254)
```
#fe3218
```
#fe3218 rgb(254,50,24)
```
#e4fe18
```
#e4fe18 rgb(228,254,24)
```

Tetradic Color

#1701c9
```
#1701c9 rgb(23,1,201)
```
#1a01e2
```
#1a01e2 rgb(26,1,226)
```
#1d01fb
```
#1d01fb rgb(29,1,251)
```
#3218fe
```
#3218fe rgb(50,24,254)
```
#4931fe
```
#4931fe rgb(73,49,254)
```
#5f4bfe
```
#5f4bfe rgb(95,75,254)
```
#7664fe
```
#7664fe rgb(118,100,254)
```

Monochromatic Color

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

#1838fe
```
#1838fe rgb(24,56,254)
```
#1824fe
```
#1824fe rgb(24,36,254)
```
#1f18fe
```
#1f18fe rgb(31,24,254)
```
#3218fe
```
#3218fe rgb(50,24,254)
```
#4518fe
```
#4518fe rgb(69,24,254)
```
#5818fe
```
#5818fe rgb(88,24,254)
```
#6c18fe
```
#6c18fe rgb(108,24,254)
```

Similar Colors

Text with hexadecimal color #3218fe

This text has a font color of #3218fe.

<span style="color:#3218fe;">Text here</span>

#3218fe background color

This paragraph has a background color of #3218fe.

<p style="background-color:#3218fe;">Content here</p>

#3218fe border color

This element has a border color of #3218fe.

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

CSS codes

.text {color:#3218fe;}

.background {background-color:#3218fe;}

.border {border:1px solid #3218fe;}

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

#000003
```
#000003 rgb(0,0,3)
```
#030017
```
#030017 rgb(3,0,23)
```
#05002a
```
#05002a rgb(5,0,42)
```
#07003e
```
#07003e rgb(7,0,62)
```
#0a0051
```
#0a0051 rgb(10,0,81)
```
#0c0065
```
#0c0065 rgb(12,0,101)
```
#0e0179
```
#0e0179 rgb(14,1,121)
```
#10018c
```
#10018c rgb(16,1,140)
```
#1301a0
```
#1301a0 rgb(19,1,160)
```
#1501b3
```
#1501b3 rgb(21,1,179)
```
#1701c7
```
#1701c7 rgb(23,1,199)
```
#1a01da
```
#1a01da rgb(26,1,218)
```
#1c01ee
```
#1c01ee rgb(28,1,238)
```

Shade Color Variation

#2104fe
```
#2104fe rgb(33,4,254)
```
#3218fe
```
#3218fe rgb(50,24,254)
```
#432cfe
```
#432cfe rgb(67,44,254)
```
#553ffe
```
#553ffe rgb(85,63,254)
```
#6653fe
```
#6653fe rgb(102,83,254)
```
#7766fe
```
#7766fe rgb(119,102,254)
```
#897afe
```
#897afe rgb(137,122,254)
```
#9a8dff
```
#9a8dff rgb(154,141,255)
```
#aba1ff
```
#aba1ff rgb(171,161,255)
```
#bdb4ff
```
#bdb4ff rgb(189,180,255)
```
#cec8ff
```
#cec8ff rgb(206,200,255)
```
#dfdbff
```
#dfdbff rgb(223,219,255)
```
#f1efff
```
#f1efff rgb(241,239,255)
```

Tint Color Variation

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

#858393
```
#858393 rgb(133,131,147)
```
#7e7a9c
```
#7e7a9c rgb(126,122,156)
```
#7771a5
```
#7771a5 rgb(119,113,165)
```
#7068ae
```
#7068ae rgb(112,104,174)
```
#695fb7
```
#695fb7 rgb(105,95,183)
```
#6256c0
```
#6256c0 rgb(98,86,192)
```
#5b4ec8
```
#5b4ec8 rgb(91,78,200)
```
#5545d1
```
#5545d1 rgb(85,69,209)
```
#4e3cda
```
#4e3cda rgb(78,60,218)
```
#4733e3
```
#4733e3 rgb(71,51,227)
```
#402aec
```
#402aec rgb(64,42,236)
```
#3921f5
```
#3921f5 rgb(57,33,245)
```
#3218fe
```
#3218fe rgb(50,24,254)
```

Tone Color Variation

Below, you can see how #3218fe 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

#3a3a3a Achromatopsia 0.005% of the population
#383361 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ab Protanopia 1% of men
#005e94 Deuteranopia 1% of men
#006468 Tritanopia 0.001% of the population

Trichromacy

#1241c9 Protanomaly 1% of men, 0.01% of women
#1244ba Deuteranomaly 6% of men, 0.4% of women
#12489e Tritanomaly 0.01% of the population