#342866 hex color

In a RGB color space, hex #342866 is composed of 20.4% red, 15.7% green and 40% blue. Whereas in a CMYK color space, it is composed of 49% cyan, 60.8% magenta, 0% yellow and 60% black. It has a hue angle of 251.6 degrees, a saturation of 43.7% and a lightness of 27.8%. #342866 color hex could be obtained by blending #6850cc with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 20
- G 16
- B 40
RGB color chart
- C 49
- M 61
- Y 0
- K 60
CMYK color chart

● #342866 color description : Very dark blue.

The hexadecimal color #342866 has RGB values of R:52, G:40, B:102 and CMYK values of C:0.49, M:0.61, Y:0, K:0.6. Its decimal value is 3418214.

Hex triplet	342866	`#342866`
RGB Decimal	52, 40, 102	`rgb(52,40,102)`
RGB Percent	20.4, 15.7, 40	`rgb(20.4%,15.7%,40%)`
CMYK	49, 61, 0, 60
HSL	251.6°, 43.7, 27.8	`hsl(251.6,43.7%,27.8%)`
HSV (or HSB)	251.6°, 60.8, 40
Web Safe	333366	`#333366`

CIE-LAB	20.854, 22.998, -34.808
XYZ	4.573, 3.207, 12.948
xyY	0.221, 0.155, 3.207
CIE-LCH	20.854, 41.72, 303.453
CIE-LUV	20.854, 0.548, -41.471
Hunter-Lab	17.908, 14.242, -30.333
Binary	00110100, 00101000, 01100110

#342866
```
#342866 rgb(52,40,102)
```
#5a6628
```
#5a6628 rgb(90,102,40)
```

Complementary Color

#283b66
```
#283b66 rgb(40,59,102)
```
#342866
```
#342866 rgb(52,40,102)
```
#532866
```
#532866 rgb(83,40,102)
```

Analogous Color

#3b6628
```
#3b6628 rgb(59,102,40)
```
#342866
```
#342866 rgb(52,40,102)
```
#665328
```
#665328 rgb(102,83,40)
```

Split Complementary Color

#286634
```
#286634 rgb(40,102,52)
```
#342866
```
#342866 rgb(52,40,102)
```
#663428
```
#663428 rgb(102,52,40)
```

Triadic Color

#285a66
```
#285a66 rgb(40,90,102)
```
#342866
```
#342866 rgb(52,40,102)
```
#663428
```
#663428 rgb(102,52,40)
```
#5a6628
```
#5a6628 rgb(90,102,40)
```

Tetradic Color

#18122f
```
#18122f rgb(24,18,47)
```
#211a41
```
#211a41 rgb(33,26,65)
```
#2b2154
```
#2b2154 rgb(43,33,84)
```
#342866
```
#342866 rgb(52,40,102)
```
#3d2f78
```
#3d2f78 rgb(61,47,120)
```
#47368b
```
#47368b rgb(71,54,139)
```
#503e9d
```
#503e9d rgb(80,62,157)
```

Monochromatic Color

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

#282c66
```
#282c66 rgb(40,44,102)
```
#2a2866
```
#2a2866 rgb(42,40,102)
```
#2f2866
```
#2f2866 rgb(47,40,102)
```
#342866
```
#342866 rgb(52,40,102)
```
#392866
```
#392866 rgb(57,40,102)
```
#3e2866
```
#3e2866 rgb(62,40,102)
```
#442866
```
#442866 rgb(68,40,102)
```

Similar Colors

Text with hexadecimal color #342866

This text has a font color of #342866.

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

#342866 background color

This paragraph has a background color of #342866.

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

#342866 border color

This element has a border color of #342866.

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

CSS codes

.text {color:#342866;}

.background {background-color:#342866;}

.border {border:1px solid #342866;}

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

#020103
```
#020103 rgb(2,1,3)
```
#090711
```
#090711 rgb(9,7,17)
```
#100c20
```
#100c20 rgb(16,12,32)
```
#17122e
```
#17122e rgb(23,18,46)
```
#1e173c
```
#1e173c rgb(30,23,60)
```
#261d4a
```
#261d4a rgb(38,29,74)
```
#2d2258
```
#2d2258 rgb(45,34,88)
```
#342866
```
#342866 rgb(52,40,102)
```
#3b2e74
```
#3b2e74 rgb(59,46,116)
```
#423382
```
#423382 rgb(66,51,130)
```
#4a3990
```
#4a3990 rgb(74,57,144)
```
#513e9e
```
#513e9e rgb(81,62,158)
```
#5844ac
```
#5844ac rgb(88,68,172)
```

Shade Color Variation

#604bb8
```
#604bb8 rgb(96,75,184)
```
#6d59be
```
#6d59be rgb(109,89,190)
```
#7967c4
```
#7967c4 rgb(121,103,196)
```
#8675c9
```
#8675c9 rgb(134,117,201)
```
#9284cf
```
#9284cf rgb(146,132,207)
```
#9f92d4
```
#9f92d4 rgb(159,146,212)
```
#aba0da
```
#aba0da rgb(171,160,218)
```
#b7aedf
```
#b7aedf rgb(183,174,223)
```
#c4bce5
```
#c4bce5 rgb(196,188,229)
```
#d0caea
```
#d0caea rgb(208,202,234)
```
#ddd8f0
```
#ddd8f0 rgb(221,216,240)
```
#e9e6f5
```
#e9e6f5 rgb(233,230,245)
```
#f6f4fb
```
#f6f4fb rgb(246,244,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #45434b is the less saturated color, while #1d028c is the most saturated one.

#45434b
```
#45434b rgb(69,67,75)
```
#413e50
```
#413e50 rgb(65,62,80)
```
#3e3856
```
#3e3856 rgb(62,56,86)
```
#3b335b
```
#3b335b rgb(59,51,91)
```
#372d61
```
#372d61 rgb(55,45,97)
```
#342866
```
#342866 rgb(52,40,102)
```
#31236b
```
#31236b rgb(49,35,107)
```
#2d1d71
```
#2d1d71 rgb(45,29,113)
```
#2a1876
```
#2a1876 rgb(42,24,118)
```
#27127c
```
#27127c rgb(39,18,124)
```
#230d81
```
#230d81 rgb(35,13,129)
```
#200787
```
#200787 rgb(32,7,135)
```
#1d028c
```
#1d028c rgb(29,2,140)
```

Tone Color Variation

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

#333333 Achromatopsia 0.005% of the population
#33313d Atypical Achromatopsia 0.001% of the population

Dichromacy

#003a73 Protanopia 1% of men
#003d66 Deuteranopia 1% of men
#303f43 Tritanopia 0.001% of the population

Trichromacy

#12346e Protanomaly 1% of men, 0.01% of women
#123566 Deuteranomaly 6% of men, 0.4% of women
#313650 Tritanomaly 0.01% of the population

#342866 hex color

#342866 Color Information

#342866 Color Conversion

Color Schemes with #342866

Alternatives to #342866

#342866 Preview

Shades and Tints of #342866

Tones of #342866

Color Blindness Simulator