#340afe hex color

In a RGB color space, hex #340afe is composed of 20.4% red, 3.9% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 79.5% cyan, 96.1% magenta, 0% yellow and 0.4% black. It has a hue angle of 250.3 degrees, a saturation of 99.2% and a lightness of 51.8%. #340afe color hex could be obtained by blending #6814ff with #0000fd. Closest websafe color is: #3300ff.

♥
- f
- t
- g
- R 20
- G 4
- B 100
RGB color chart
- C 80
- M 96
- Y 0
- K 0
CMYK color chart

● #340afe color description : Vivid blue.

The hexadecimal color #340afe has RGB values of R:52, G:10, B:254 and CMYK values of C:0.8, M:0.96, Y:0, K:0. Its decimal value is 3410686.

Hex triplet	340afe	`#340afe`
RGB Decimal	52, 10, 254	`rgb(52,10,254)`
RGB Percent	20.4, 3.9, 99.6	`rgb(20.4%,3.9%,99.6%)`
CMYK	80, 96, 0, 0
HSL	250.3°, 99.2, 51.8	`hsl(250.3,99.2%,51.8%)`
HSV (or HSB)	250.3°, 96.1, 99.6
Web Safe	3300ff	`#3300ff`

CIE-LAB	34.194, 78.092, -104.1
XYZ	19.411, 8.102, 94.301
xyY	0.159, 0.067, 8.102
CIE-LCH	34.194, 130.135, 306.876
CIE-LUV	34.194, -6.513, -131.712
Hunter-Lab	28.463, 71.917, -176.508
Binary	00110100, 00001010, 11111110

#340afe
```
#340afe rgb(52,10,254)
```
#d4fe0a
```
#d4fe0a rgb(212,254,10)
```

Complementary Color

#0a5afe
```
#0a5afe rgb(10,90,254)
```
#340afe
```
#340afe rgb(52,10,254)
```
#ae0afe
```
#ae0afe rgb(174,10,254)
```

Analogous Color

#5afe0a
```
#5afe0a rgb(90,254,10)
```
#340afe
```
#340afe rgb(52,10,254)
```
#feae0a
```
#feae0a rgb(254,174,10)
```

Split Complementary Color

#0afe34
```
#0afe34 rgb(10,254,52)
```
#340afe
```
#340afe rgb(52,10,254)
```
#fe340a
```
#fe340a rgb(254,52,10)
```

Triadic Color

#0ad4fe
```
#0ad4fe rgb(10,212,254)
```
#340afe
```
#340afe rgb(52,10,254)
```
#fe340a
```
#fe340a rgb(254,52,10)
```
#d4fe0a
```
#d4fe0a rgb(212,254,10)
```

Tetradic Color

#2101bb
```
#2101bb rgb(33,1,187)
```
#2501d4
```
#2501d4 rgb(37,1,212)
```
#2a01ee
```
#2a01ee rgb(42,1,238)
```
#340afe
```
#340afe rgb(52,10,254)
```
#4923fe
```
#4923fe rgb(73,35,254)
```
#5e3dfe
```
#5e3dfe rgb(94,61,254)
```
#7356fe
```
#7356fe rgb(115,86,254)
```

Monochromatic Color

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

#0a1dfe
```
#0a1dfe rgb(10,29,254)
```
#0b0afe
```
#0b0afe rgb(11,10,254)
```
#200afe
```
#200afe rgb(32,10,254)
```
#340afe
```
#340afe rgb(52,10,254)
```
#480afe
```
#480afe rgb(72,10,254)
```
#5d0afe
```
#5d0afe rgb(93,10,254)
```
#710afe
```
#710afe rgb(113,10,254)
```

Similar Colors

Text with hexadecimal color #340afe

This text has a font color of #340afe.

<span style="color:#340afe;">Text here</span>

#340afe background color

This paragraph has a background color of #340afe.

<p style="background-color:#340afe;">Content here</p>

#340afe border color

This element has a border color of #340afe.

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

CSS codes

.text {color:#340afe;}

.background {background-color:#340afe;}

.border {border:1px solid #340afe;}

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

#020009
```
#020009 rgb(2,0,9)
```
#05001c
```
#05001c rgb(5,0,28)
```
#080030
```
#080030 rgb(8,0,48)
```
#0c0044
```
#0c0044 rgb(12,0,68)
```
#0f0057
```
#0f0057 rgb(15,0,87)
```
#13006b
```
#13006b rgb(19,0,107)
```
#16017e
```
#16017e rgb(22,1,126)
```
#1a0192
```
#1a0192 rgb(26,1,146)
```
#1d01a5
```
#1d01a5 rgb(29,1,165)
```
#2001b9
```
#2001b9 rgb(32,1,185)
```
#2401cc
```
#2401cc rgb(36,1,204)
```
#2701e0
```
#2701e0 rgb(39,1,224)
```
#2b01f3
```
#2b01f3 rgb(43,1,243)
```

Shade Color Variation

#340afe
```
#340afe rgb(52,10,254)
```
#441efe
```
#441efe rgb(68,30,254)
```
#5431fe
```
#5431fe rgb(84,49,254)
```
#6545fe
```
#6545fe rgb(101,69,254)
```
#7558fe
```
#7558fe rgb(117,88,254)
```
#856cfe
```
#856cfe rgb(133,108,254)
```
#957ffe
```
#957ffe rgb(149,127,254)
```
#a593ff
```
#a593ff rgb(165,147,255)
```
#b5a6ff
```
#b5a6ff rgb(181,166,255)
```
#c6baff
```
#c6baff rgb(198,186,255)
```
#d6cdff
```
#d6cdff rgb(214,205,255)
```
#e6e1ff
```
#e6e1ff rgb(230,225,255)
```
#f6f4ff
```
#f6f4ff rgb(246,244,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e7c8c is the less saturated color, while #340afe is the most saturated one.

#7e7c8c
```
#7e7c8c rgb(126,124,140)
```
#787296
```
#787296 rgb(120,114,150)
```
#72699f
```
#72699f rgb(114,105,159)
```
#6c5fa9
```
#6c5fa9 rgb(108,95,169)
```
#6656b2
```
#6656b2 rgb(102,86,178)
```
#5f4cbc
```
#5f4cbc rgb(95,76,188)
```
#5943c5
```
#5943c5 rgb(89,67,197)
```
#5339cf
```
#5339cf rgb(83,57,207)
```
#4d30d8
```
#4d30d8 rgb(77,48,216)
```
#4726e2
```
#4726e2 rgb(71,38,226)
```
#401deb
```
#401deb rgb(64,29,235)
```
#3a13f5
```
#3a13f5 rgb(58,19,245)
```
#340afe
```
#340afe rgb(52,10,254)
```

Tone Color Variation

Below, you can see how #340afe 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

#323232 Achromatopsia 0.005% of the population
#322a5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057a8 Protanopia 1% of men
#005c91 Deuteranopia 1% of men
#006266 Tritanopia 0.001% of the population

Trichromacy

#123bc7 Protanomaly 1% of men, 0.01% of women
#123eb8 Deuteranomaly 6% of men, 0.4% of women
#12429d Tritanomaly 0.01% of the population

#340afe hex color

#340afe Color Information

#340afe Color Conversion

Color Schemes with #340afe

Alternatives to #340afe

#340afe Preview

Shades and Tints of #340afe

Tones of #340afe

Color Blindness Simulator