#342fff hex color

In a RGB color space, hex #342fff is composed of 20.4% red, 18.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 79.6% cyan, 81.6% magenta, 0% yellow and 0% black. It has a hue angle of 241.4 degrees, a saturation of 100% and a lightness of 59.2%. #342fff color hex could be obtained by blending #685eff with #0000ff. Closest websafe color is: #3333ff.

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

● #342fff color description : Vivid blue.

The hexadecimal color #342fff has RGB values of R:52, G:47, B:255 and CMYK values of C:0.8, M:0.82, Y:0, K:0. Its decimal value is 3420159.

Hex triplet	342fff	`#342fff`
RGB Decimal	52, 47, 255	`rgb(52,47,255)`
RGB Percent	20.4, 18.4, 100	`rgb(20.4%,18.4%,100%)`
CMYK	80, 82, 0, 0
HSL	241.4°, 100, 59.2	`hsl(241.4,100%,59.2%)`
HSV (or HSB)	241.4°, 81.6, 100
Web Safe	3333ff	`#3333ff`

CIE-LAB	37.81, 67.813, -98.636
XYZ	20.479, 9.982, 95.45
xyY	0.163, 0.079, 9.982
CIE-LCH	37.81, 119.699, 304.509
CIE-LUV	37.81, -9.052, -133.482
Hunter-Lab	31.594, 60.414, -157.008
Binary	00110100, 00101111, 11111111

#342fff
```
#342fff rgb(52,47,255)
```
#faff2f
```
#faff2f rgb(250,255,47)
```

Complementary Color

#2f92ff
```
#2f92ff rgb(47,146,255)
```
#342fff
```
#342fff rgb(52,47,255)
```
#9c2fff
```
#9c2fff rgb(156,47,255)
```

Analogous Color

#92ff2f
```
#92ff2f rgb(146,255,47)
```
#342fff
```
#342fff rgb(52,47,255)
```
#ff9c2f
```
#ff9c2f rgb(255,156,47)
```

Split Complementary Color

#2fff34
```
#2fff34 rgb(47,255,52)
```
#342fff
```
#342fff rgb(52,47,255)
```
#ff342f
```
#ff342f rgb(255,52,47)
```

Triadic Color

#2ffaff
```
#2ffaff rgb(47,250,255)
```
#342fff
```
#342fff rgb(52,47,255)
```
#ff342f
```
#ff342f rgb(255,52,47)
```
#faff2f
```
#faff2f rgb(250,255,47)
```

Tetradic Color

#0500e2
```
#0500e2 rgb(5,0,226)
```
#0600fb
```
#0600fb rgb(6,0,251)
```
#1b16ff
```
#1b16ff rgb(27,22,255)
```
#342fff
```
#342fff rgb(52,47,255)
```
#4d49ff
```
#4d49ff rgb(77,73,255)
```
#6662ff
```
#6662ff rgb(102,98,255)
```
#7f7cff
```
#7f7cff rgb(127,124,255)
```

Monochromatic Color

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

#2f5eff
```
#2f5eff rgb(47,94,255)
```
#2f4dff
```
#2f4dff rgb(47,77,255)
```
#2f3bff
```
#2f3bff rgb(47,59,255)
```
#342fff
```
#342fff rgb(52,47,255)
```
#452fff
```
#452fff rgb(69,47,255)
```
#572fff
```
#572fff rgb(87,47,255)
```
#682fff
```
#682fff rgb(104,47,255)
```

Similar Colors

Text with hexadecimal color #342fff

This text has a font color of #342fff.

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

#342fff background color

This paragraph has a background color of #342fff.

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

#342fff border color

This element has a border color of #342fff.

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

CSS codes

.text {color:#342fff;}

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

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

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

#000008
```
#000008 rgb(0,0,8)
```
#01001b
```
#01001b rgb(1,0,27)
```
#01002f
```
#01002f rgb(1,0,47)
```
#020043
```
#020043 rgb(2,0,67)
```
#020056
```
#020056 rgb(2,0,86)
```
#03006a
```
#03006a rgb(3,0,106)
```
#03007d
```
#03007d rgb(3,0,125)
```
#030091
```
#030091 rgb(3,0,145)
```
#0400a5
```
#0400a5 rgb(4,0,165)
```
#0400b8
```
#0400b8 rgb(4,0,184)
```
#0500cc
```
#0500cc rgb(5,0,204)
```
#0500e0
```
#0500e0 rgb(5,0,224)
```
#0600f3
```
#0600f3 rgb(6,0,243)
```

Shade Color Variation

#0e08ff
```
#0e08ff rgb(14,8,255)
```
#211bff
```
#211bff rgb(33,27,255)
```
#342fff
```
#342fff rgb(52,47,255)
```
#4743ff
```
#4743ff rgb(71,67,255)
```
#5a56ff
```
#5a56ff rgb(90,86,255)
```
#6d6aff
```
#6d6aff rgb(109,106,255)
```
#817dff
```
#817dff rgb(129,125,255)
```
#9491ff
```
#9491ff rgb(148,145,255)
```
#a7a5ff
```
#a7a5ff rgb(167,165,255)
```
#bab8ff
```
#bab8ff rgb(186,184,255)
```
#cdccff
```
#cdccff rgb(205,204,255)
```
#e0e0ff
```
#e0e0ff rgb(224,224,255)
```
#f3f3ff
```
#f3f3ff rgb(243,243,255)
```

Tint Color Variation

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

#8f8f9f
```
#8f8f9f rgb(143,143,159)
```
#8887a7
```
#8887a7 rgb(136,135,167)
```
#807faf
```
#807faf rgb(128,127,175)
```
#7977b7
```
#7977b7 rgb(121,119,183)
```
#716fbf
```
#716fbf rgb(113,111,191)
```
#6967c7
```
#6967c7 rgb(105,103,199)
```
#625fcf
```
#625fcf rgb(98,95,207)
```
#5a57d7
```
#5a57d7 rgb(90,87,215)
```
#524fdf
```
#524fdf rgb(82,79,223)
```
#4b47e7
```
#4b47e7 rgb(75,71,231)
```
#433fef
```
#433fef rgb(67,63,239)
```
#3c37f7
```
#3c37f7 rgb(60,55,247)
```
#342fff
```
#342fff rgb(52,47,255)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#44436d Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb8 Protanopia 1% of men
#00649f Deuteranopia 1% of men
#006b70 Tritanopia 0.001% of the population

Trichromacy

#124dd1 Protanomaly 1% of men, 0.01% of women
#1251c1 Deuteranomaly 6% of men, 0.4% of women
#1255a4 Tritanomaly 0.01% of the population

#342fff hex color

#342fff Color Information

#342fff Color Conversion

Color Schemes with #342fff

Alternatives to #342fff

#342fff Preview

Shades and Tints of #342fff

Tones of #342fff

Color Blindness Simulator