#3a18fd hex color

In a RGB color space, hex #3a18fd is composed of 22.7% red, 9.4% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 77.1% cyan, 90.5% magenta, 0% yellow and 0.8% black. It has a hue angle of 248.9 degrees, a saturation of 98.3% and a lightness of 54.3%. #3a18fd color hex could be obtained by blending #7430ff with #0000fb. Closest websafe color is: #3300ff.

♥
- f
- t
- g
- R 23
- G 9
- B 99
RGB color chart
- C 77
- M 91
- Y 0
- K 1
CMYK color chart

● #3a18fd color description : Vivid blue.

The hexadecimal color #3a18fd has RGB values of R:58, G:24, B:253 and CMYK values of C:0.77, M:0.91, Y:0, K:0.01. Its decimal value is 3807485.

Hex triplet	3a18fd	`#3a18fd`
RGB Decimal	58, 24, 253	`rgb(58,24,253)`
RGB Percent	22.7, 9.4, 99.2	`rgb(22.7%,9.4%,99.2%)`
CMYK	77, 91, 0, 1
HSL	248.9°, 98.3, 54.3	`hsl(248.9,98.3%,54.3%)`
HSV (or HSB)	248.9°, 90.5, 99.2
Web Safe	3300ff	`#3300ff`

CIE-LAB	35.289, 75.318, -101.703
XYZ	19.798, 8.643, 93.548
xyY	0.162, 0.071, 8.643
CIE-LCH	35.289, 126.556, 306.522
CIE-LUV	35.289, -6.292, -131.875
Hunter-Lab	29.4, 68.752, -168.077
Binary	00111010, 00011000, 11111101

#3a18fd
```
#3a18fd rgb(58,24,253)
```
#dbfd18
```
#dbfd18 rgb(219,253,24)
```

Complementary Color

#1869fd
```
#1869fd rgb(24,105,253)
```
#3a18fd
```
#3a18fd rgb(58,24,253)
```
#ad18fd
```
#ad18fd rgb(173,24,253)
```

Analogous Color

#69fd18
```
#69fd18 rgb(105,253,24)
```
#3a18fd
```
#3a18fd rgb(58,24,253)
```
#fdad18
```
#fdad18 rgb(253,173,24)
```

Split Complementary Color

#18fd3a
```
#18fd3a rgb(24,253,58)
```
#3a18fd
```
#3a18fd rgb(58,24,253)
```
#fd3a18
```
#fd3a18 rgb(253,58,24)
```

Triadic Color

#18dbfd
```
#18dbfd rgb(24,219,253)
```
#3a18fd
```
#3a18fd rgb(58,24,253)
```
#fd3a18
```
#fd3a18 rgb(253,58,24)
```
#dbfd18
```
#dbfd18 rgb(219,253,24)
```

Tetradic Color

#1f02c7
```
#1f02c7 rgb(31,2,199)
```
#2302e0
```
#2302e0 rgb(35,2,224)
```
#2702f9
```
#2702f9 rgb(39,2,249)
```
#3a18fd
```
#3a18fd rgb(58,24,253)
```
#5031fd
```
#5031fd rgb(80,49,253)
```
#654bfd
```
#654bfd rgb(101,75,253)
```
#7b64fe
```
#7b64fe rgb(123,100,254)
```

Monochromatic Color

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

#182ffd
```
#182ffd rgb(24,47,253)
```
#181cfd
```
#181cfd rgb(24,28,253)
```
#2718fd
```
#2718fd rgb(39,24,253)
```
#3a18fd
```
#3a18fd rgb(58,24,253)
```
#4d18fd
```
#4d18fd rgb(77,24,253)
```
#6018fd
```
#6018fd rgb(96,24,253)
```
#7318fd
```
#7318fd rgb(115,24,253)
```

Similar Colors

Text with hexadecimal color #3a18fd

This text has a font color of #3a18fd.

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

#3a18fd background color

This paragraph has a background color of #3a18fd.

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

#3a18fd border color

This element has a border color of #3a18fd.

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

CSS codes

.text {color:#3a18fd;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#030016
```
#030016 rgb(3,0,22)
```
#060029
```
#060029 rgb(6,0,41)
```
#09013d
```
#09013d rgb(9,1,61)
```
#0c0150
```
#0c0150 rgb(12,1,80)
```
#100164
```
#100164 rgb(16,1,100)
```
#130177
```
#130177 rgb(19,1,119)
```
#16018a
```
#16018a rgb(22,1,138)
```
#19019e
```
#19019e rgb(25,1,158)
```
#1c02b1
```
#1c02b1 rgb(28,2,177)
```
#1f02c5
```
#1f02c5 rgb(31,2,197)
```
#2202d8
```
#2202d8 rgb(34,2,216)
```
#2502ec
```
#2502ec rgb(37,2,236)
```

Shade Color Variation

#2905fd
```
#2905fd rgb(41,5,253)
```
#3a18fd
```
#3a18fd rgb(58,24,253)
```
#4b2bfd
```
#4b2bfd rgb(75,43,253)
```
#5b3ffd
```
#5b3ffd rgb(91,63,253)
```
#6c52fe
```
#6c52fe rgb(108,82,254)
```
#7c66fe
```
#7c66fe rgb(124,102,254)
```
#8d79fe
```
#8d79fe rgb(141,121,254)
```
#9e8dfe
```
#9e8dfe rgb(158,141,254)
```
#aea0fe
```
#aea0fe rgb(174,160,254)
```
#bfb4fe
```
#bfb4fe rgb(191,180,254)
```
#cfc7ff
```
#cfc7ff rgb(207,199,255)
```
#e0daff
```
#e0daff rgb(224,218,255)
```
#f0eeff
```
#f0eeff rgb(240,238,255)
```

Tint Color Variation

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

#868491
```
#868491 rgb(134,132,145)
```
#7f7b9a
```
#7f7b9a rgb(127,123,154)
```
#7972a3
```
#7972a3 rgb(121,114,163)
```
#7369ac
```
#7369ac rgb(115,105,172)
```
#6c60b5
```
#6c60b5 rgb(108,96,181)
```
#6657be
```
#6657be rgb(102,87,190)
```
#604ec7
```
#604ec7 rgb(96,78,199)
```
#5a45d0
```
#5a45d0 rgb(90,69,208)
```
#533cd9
```
#533cd9 rgb(83,60,217)
```
#4d33e2
```
#4d33e2 rgb(77,51,226)
```
#472aeb
```
#472aeb rgb(71,42,235)
```
#4021f4
```
#4021f4 rgb(64,33,244)
```
#3a18fd
```
#3a18fd rgb(58,24,253)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#3c3563 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059ad Protanopia 1% of men
#005e95 Deuteranopia 1% of men
#006569 Tritanopia 0.001% of the population

Trichromacy

#1541ca Protanomaly 1% of men, 0.01% of women
#1545bb Deuteranomaly 6% of men, 0.4% of women
#15499f Tritanomaly 0.01% of the population

#3a18fd hex color

#3a18fd Color Information

#3a18fd Color Conversion

Color Schemes with #3a18fd

Alternatives to #3a18fd

#3a18fd Preview

Shades and Tints of #3a18fd

Tones of #3a18fd

Color Blindness Simulator