#340ca3 hex color

In a RGB color space, hex #340ca3 is composed of 20.4% red, 4.7% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 68.1% cyan, 92.6% magenta, 0% yellow and 36.1% black. It has a hue angle of 255.9 degrees, a saturation of 86.3% and a lightness of 34.3%. #340ca3 color hex could be obtained by blending #6818ff with #000047. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 20
- G 5
- B 64
RGB color chart
- C 68
- M 93
- Y 0
- K 36
CMYK color chart

● #340ca3 color description : Dark violet.

The hexadecimal color #340ca3 has RGB values of R:52, G:12, B:163 and CMYK values of C:0.68, M:0.93, Y:0, K:0.36. Its decimal value is 3411107.

Hex triplet	340ca3	`#340ca3`
RGB Decimal	52, 12, 163	`rgb(52,12,163)`
RGB Percent	20.4, 4.7, 63.9	`rgb(20.4%,4.7%,63.9%)`
CMYK	68, 93, 0, 36
HSL	255.9°, 86.3, 34.3	`hsl(255.9,86.3%,34.3%)`
HSV (or HSB)	255.9°, 92.6, 63.9
Web Safe	330099	`#330099`

CIE-LAB	22.433, 54.889, -70.636
XYZ	8.157, 3.637, 34.92
xyY	0.175, 0.078, 3.637
CIE-LCH	22.433, 89.455, 307.85
CIE-LUV	22.433, -0.878, -79.582
Hunter-Lab	19.071, 42.976, -95.215
Binary	00110100, 00001100, 10100011

#340ca3
```
#340ca3 rgb(52,12,163)
```
#7ba30c
```
#7ba30c rgb(123,163,12)
```

Complementary Color

#0c30a3
```
#0c30a3 rgb(12,48,163)
```
#340ca3
```
#340ca3 rgb(52,12,163)
```
#800ca3
```
#800ca3 rgb(128,12,163)
```

Analogous Color

#30a30c
```
#30a30c rgb(48,163,12)
```
#340ca3
```
#340ca3 rgb(52,12,163)
```
#a3800c
```
#a3800c rgb(163,128,12)
```

Split Complementary Color

#0ca334
```
#0ca334 rgb(12,163,52)
```
#340ca3
```
#340ca3 rgb(52,12,163)
```
#a3340c
```
#a3340c rgb(163,52,12)
```

Triadic Color

#0c7ba3
```
#0c7ba3 rgb(12,123,163)
```
#340ca3
```
#340ca3 rgb(52,12,163)
```
#a3340c
```
#a3340c rgb(163,52,12)
```
#7ba30c
```
#7ba30c rgb(123,163,12)
```

Tetradic Color

#1d075c
```
#1d075c rgb(29,7,92)
```
#250973
```
#250973 rgb(37,9,115)
```
#2c0a8b
```
#2c0a8b rgb(44,10,139)
```
#340ca3
```
#340ca3 rgb(52,12,163)
```
#3c0ebb
```
#3c0ebb rgb(60,14,187)
```
#430fd3
```
#430fd3 rgb(67,15,211)
```
#4b11ea
```
#4b11ea rgb(75,17,234)
```

Monochromatic Color

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

#0e0ca3
```
#0e0ca3 rgb(14,12,163)
```
#1b0ca3
```
#1b0ca3 rgb(27,12,163)
```
#270ca3
```
#270ca3 rgb(39,12,163)
```
#340ca3
```
#340ca3 rgb(52,12,163)
```
#410ca3
```
#410ca3 rgb(65,12,163)
```
#4d0ca3
```
#4d0ca3 rgb(77,12,163)
```
#5a0ca3
```
#5a0ca3 rgb(90,12,163)
```

Similar Colors

Text with hexadecimal color #340ca3

This text has a font color of #340ca3.

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

#340ca3 background color

This paragraph has a background color of #340ca3.

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

#340ca3 border color

This element has a border color of #340ca3.

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

CSS codes

.text {color:#340ca3;}

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

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

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

#050111
```
#050111 rgb(5,1,17)
```
#0b0323
```
#0b0323 rgb(11,3,35)
```
#110435
```
#110435 rgb(17,4,53)
```
#170548
```
#170548 rgb(23,5,72)
```
#1d075a
```
#1d075a rgb(29,7,90)
```
#23086c
```
#23086c rgb(35,8,108)
```
#28097e
```
#28097e rgb(40,9,126)
```
#2e0b91
```
#2e0b91 rgb(46,11,145)
```
#340ca3
```
#340ca3 rgb(52,12,163)
```
#3a0db5
```
#3a0db5 rgb(58,13,181)
```
#400fc8
```
#400fc8 rgb(64,15,200)
```
#4510da
```
#4510da rgb(69,16,218)
```
#4b11ec
```
#4b11ec rgb(75,17,236)
```

Shade Color Variation

#5822ef
```
#5822ef rgb(88,34,239)
```
#6635f0
```
#6635f0 rgb(102,53,240)
```
#7447f1
```
#7447f1 rgb(116,71,241)
```
#8259f3
```
#8259f3 rgb(130,89,243)
```
#906bf4
```
#906bf4 rgb(144,107,244)
```
#9d7ef5
```
#9d7ef5 rgb(157,126,245)
```
#ab90f7
```
#ab90f7 rgb(171,144,247)
```
#b9a2f8
```
#b9a2f8 rgb(185,162,248)
```
#c7b4fa
```
#c7b4fa rgb(199,180,250)
```
#d5c7fb
```
#d5c7fb rgb(213,199,251)
```
#e2d9fc
```
#e2d9fc rgb(226,217,252)
```
#f0ebfe
```
#f0ebfe rgb(240,235,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#575659
```
#575659 rgb(87,86,89)
```
#544f60
```
#544f60 rgb(84,79,96)
```
#504966
```
#504966 rgb(80,73,102)
```
#4d426d
```
#4d426d rgb(77,66,109)
```
#4a3b74
```
#4a3b74 rgb(74,59,116)
```
#47347b
```
#47347b rgb(71,52,123)
```
#442e81
```
#442e81 rgb(68,46,129)
```
#412788
```
#412788 rgb(65,39,136)
```
#3d208f
```
#3d208f rgb(61,32,143)
```
#3a1996
```
#3a1996 rgb(58,25,150)
```
#37139c
```
#37139c rgb(55,19,156)
```
#340ca3
```
#340ca3 rgb(52,12,163)
```
#3105aa
```
#3105aa rgb(49,5,170)
```

Tone Color Variation

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

#292929 Achromatopsia 0.005% of the population
#2b2341 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003e78 Protanopia 1% of men
#004168 Deuteranopia 1% of men
#00464a Tritanopia 0.001% of the population

Trichromacy

#122c88 Protanomaly 1% of men, 0.01% of women
#122e7d Deuteranomaly 6% of men, 0.4% of women
#12316a Tritanomaly 0.01% of the population

#340ca3 hex color

#340ca3 Color Information

#340ca3 Color Conversion

Color Schemes with #340ca3

Alternatives to #340ca3

#340ca3 Preview

Shades and Tints of #340ca3

Tones of #340ca3

Color Blindness Simulator