#342afe hex color

In a RGB color space, hex #342afe is composed of 20.4% red, 16.5% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 79.5% cyan, 83.5% magenta, 0% yellow and 0.4% black. It has a hue angle of 242.8 degrees, a saturation of 99.1% and a lightness of 58%. #342afe color hex could be obtained by blending #6854ff with #0000fd. Closest websafe color is: #3333ff.

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

● #342afe color description : Bright blue.

The hexadecimal color #342afe has RGB values of R:52, G:42, B:254 and CMYK values of C:0.8, M:0.83, Y:0, K:0. Its decimal value is 3418878.

Hex triplet	342afe	`#342afe`
RGB Decimal	52, 42, 254	`rgb(52,42,254)`
RGB Percent	20.4, 16.5, 99.6	`rgb(20.4%,16.5%,99.6%)`
CMYK	80, 83, 0, 0
HSL	242.8°, 99.1, 58	`hsl(242.8,99.1%,58%)`
HSV (or HSB)	242.8°, 83.5, 99.6
Web Safe	3333ff	`#3333ff`

CIE-LAB	37.005, 69.57, -99.415
XYZ	20.13, 9.54, 94.541
xyY	0.162, 0.077, 9.54
CIE-LCH	37.005, 121.34, 304.984
CIE-LUV	37.005, -8.49, -132.863
Hunter-Lab	30.888, 62.278, -159.854
Binary	00110100, 00101010, 11111110

#342afe
```
#342afe rgb(52,42,254)
```
#f4fe2a
```
#f4fe2a rgb(244,254,42)
```

Complementary Color

#2a8afe
```
#2a8afe rgb(42,138,254)
```
#342afe
```
#342afe rgb(52,42,254)
```
#9e2afe
```
#9e2afe rgb(158,42,254)
```

Analogous Color

#8afe2a
```
#8afe2a rgb(138,254,42)
```
#342afe
```
#342afe rgb(52,42,254)
```
#fe9e2a
```
#fe9e2a rgb(254,158,42)
```

Split Complementary Color

#2afe34
```
#2afe34 rgb(42,254,52)
```
#342afe
```
#342afe rgb(52,42,254)
```
#fe342a
```
#fe342a rgb(254,52,42)
```

Triadic Color

#2af4fe
```
#2af4fe rgb(42,244,254)
```
#342afe
```
#342afe rgb(52,42,254)
```
#fe342a
```
#fe342a rgb(254,52,42)
```
#f4fe2a
```
#f4fe2a rgb(244,254,42)
```

Tetradic Color

#0b01da
```
#0b01da rgb(11,1,218)
```
#0d01f4
```
#0d01f4 rgb(13,1,244)
```
#1c11fe
```
#1c11fe rgb(28,17,254)
```
#342afe
```
#342afe rgb(52,42,254)
```
#4c43fe
```
#4c43fe rgb(76,67,254)
```
#645dfe
```
#645dfe rgb(100,93,254)
```
#7d76fe
```
#7d76fe rgb(125,118,254)
```

Monochromatic Color

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

#2a55fe
```
#2a55fe rgb(42,85,254)
```
#2a43fe
```
#2a43fe rgb(42,67,254)
```
#2a32fe
```
#2a32fe rgb(42,50,254)
```
#342afe
```
#342afe rgb(52,42,254)
```
#462afe
```
#462afe rgb(70,42,254)
```
#572afe
```
#572afe rgb(87,42,254)
```
#692afe
```
#692afe rgb(105,42,254)
```

Similar Colors

Text with hexadecimal color #342afe

This text has a font color of #342afe.

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

#342afe background color

This paragraph has a background color of #342afe.

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

#342afe border color

This element has a border color of #342afe.

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

CSS codes

.text {color:#342afe;}

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

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

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 #eeedff is the lightest one.

#000002
```
#000002 rgb(0,0,2)
```
#010015
```
#010015 rgb(1,0,21)
```
#020029
```
#020029 rgb(2,0,41)
```
#03003c
```
#03003c rgb(3,0,60)
```
#040050
```
#040050 rgb(4,0,80)
```
#050063
```
#050063 rgb(5,0,99)
```
#060177
```
#060177 rgb(6,1,119)
```
#07018a
```
#07018a rgb(7,1,138)
```
#08019e
```
#08019e rgb(8,1,158)
```
#0901b1
```
#0901b1 rgb(9,1,177)
```
#0a01c5
```
#0a01c5 rgb(10,1,197)
```
#0b01d9
```
#0b01d9 rgb(11,1,217)
```
#0c01ec
```
#0c01ec rgb(12,1,236)
```

Shade Color Variation

#0f03fe
```
#0f03fe rgb(15,3,254)
```
#2116fe
```
#2116fe rgb(33,22,254)
```
#342afe
```
#342afe rgb(52,42,254)
```
#473efe
```
#473efe rgb(71,62,254)
```
#5951fe
```
#5951fe rgb(89,81,254)
```
#6c65fe
```
#6c65fe rgb(108,101,254)
```
#7e78fe
```
#7e78fe rgb(126,120,254)
```
#918cfe
```
#918cfe rgb(145,140,254)
```
#a49fff
```
#a49fff rgb(164,159,255)
```
#b6b3ff
```
#b6b3ff rgb(182,179,255)
```
#c9c6ff
```
#c9c6ff rgb(201,198,255)
```
#dbdaff
```
#dbdaff rgb(219,218,255)
```
#eeedff
```
#eeedff rgb(238,237,255)
```

Tint Color Variation

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

#8d8d9b
```
#8d8d9b rgb(141,141,155)
```
#8685a3
```
#8685a3 rgb(134,133,163)
```
#7f7cac
```
#7f7cac rgb(127,124,172)
```
#7774b4
```
#7774b4 rgb(119,116,180)
```
#706cbc
```
#706cbc rgb(112,108,188)
```
#6864c4
```
#6864c4 rgb(104,100,196)
```
#615bcd
```
#615bcd rgb(97,91,205)
```
#5953d5
```
#5953d5 rgb(89,83,213)
```
#524bdd
```
#524bdd rgb(82,75,221)
```
#4a43e5
```
#4a43e5 rgb(74,67,229)
```
#433aee
```
#433aee rgb(67,58,238)
```
#3b32f6
```
#3b32f6 rgb(59,50,246)
```
#342afe
```
#342afe rgb(52,42,254)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#42406a Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db4 Protanopia 1% of men
#00629b Deuteranopia 1% of men
#00696e Tritanopia 0.001% of the population

Trichromacy

#124acf Protanomaly 1% of men, 0.01% of women
#124ebf Deuteranomaly 6% of men, 0.4% of women
#1252a2 Tritanomaly 0.01% of the population

#342afe hex color

#342afe Color Information

#342afe Color Conversion

Color Schemes with #342afe

Alternatives to #342afe

#342afe Preview

Shades and Tints of #342afe

Tones of #342afe

Color Blindness Simulator