#343acd hex color

In a RGB color space, hex #343acd is composed of 20.4% red, 22.7% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 74.6% cyan, 71.7% magenta, 0% yellow and 19.6% black. It has a hue angle of 237.6 degrees, a saturation of 60.5% and a lightness of 50.4%. #343acd color hex could be obtained by blending #6874ff with #00009b. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 20
- G 23
- B 80
RGB color chart
- C 75
- M 72
- Y 0
- K 20
CMYK color chart

● #343acd color description : Moderate blue.

The hexadecimal color #343acd has RGB values of R:52, G:58, B:205 and CMYK values of C:0.75, M:0.72, Y:0, K:0.2. Its decimal value is 3422925.

Hex triplet	343acd	`#343acd`
RGB Decimal	52, 58, 205	`rgb(52,58,205)`
RGB Percent	20.4, 22.7, 80.4	`rgb(20.4%,22.7%,80.4%)`
CMYK	75, 72, 0, 20
HSL	237.6°, 60.5, 50.4	`hsl(237.6,60.5%,50.4%)`
HSV (or HSB)	237.6°, 74.6, 80.4
Web Safe	3333cc	`#3333cc`

CIE-LAB	34.32, 46.824, -75.919
XYZ	13.946, 8.163, 58.595
xyY	0.173, 0.101, 8.163
CIE-LCH	34.32, 89.198, 301.664
CIE-LUV	34.32, -8.54, -103.954
Hunter-Lab	28.571, 37.132, -101.595
Binary	00110100, 00111010, 11001101

#343acd
```
#343acd rgb(52,58,205)
```
#cdc734
```
#cdc734 rgb(205,199,52)
```

Complementary Color

#3487cd
```
#3487cd rgb(52,135,205)
```
#343acd
```
#343acd rgb(52,58,205)
```
#7b34cd
```
#7b34cd rgb(123,52,205)
```

Analogous Color

#87cd34
```
#87cd34 rgb(135,205,52)
```
#343acd
```
#343acd rgb(52,58,205)
```
#cd7b34
```
#cd7b34 rgb(205,123,52)
```

Split Complementary Color

#3acd34
```
#3acd34 rgb(58,205,52)
```
#343acd
```
#343acd rgb(52,58,205)
```
#cd343a
```
#cd343a rgb(205,52,58)
```

Triadic Color

#34cdc7
```
#34cdc7 rgb(52,205,199)
```
#343acd
```
#343acd rgb(52,58,205)
```
#cd343a
```
#cd343a rgb(205,52,58)
```
#cdc734
```
#cdc734 rgb(205,199,52)
```

Tetradic Color

#242891
```
#242891 rgb(36,40,145)
```
#292ea5
```
#292ea5 rgb(41,46,165)
```
#2e33ba
```
#2e33ba rgb(46,51,186)
```
#343acd
```
#343acd rgb(52,58,205)
```
#484ed2
```
#484ed2 rgb(72,78,210)
```
#5d62d7
```
#5d62d7 rgb(93,98,215)
```
#7176dc
```
#7176dc rgb(113,118,220)
```

Monochromatic Color

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

#3460cd
```
#3460cd rgb(52,96,205)
```
#3454cd
```
#3454cd rgb(52,84,205)
```
#3447cd
```
#3447cd rgb(52,71,205)
```
#343acd
```
#343acd rgb(52,58,205)
```
#3b34cd
```
#3b34cd rgb(59,52,205)
```
#4734cd
```
#4734cd rgb(71,52,205)
```
#5434cd
```
#5434cd rgb(84,52,205)
```

Similar Colors

Text with hexadecimal color #343acd

This text has a font color of #343acd.

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

#343acd background color

This paragraph has a background color of #343acd.

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

#343acd border color

This element has a border color of #343acd.

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

CSS codes

.text {color:#343acd;}

.background {background-color:#343acd;}

.border {border:1px solid #343acd;}

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

#000002
```
#000002 rgb(0,0,2)
```
#040511
```
#040511 rgb(4,5,17)
```
#080921
```
#080921 rgb(8,9,33)
```
#0c0d31
```
#0c0d31 rgb(12,13,49)
```
#101241
```
#101241 rgb(16,18,65)
```
#141650
```
#141650 rgb(20,22,80)
```
#181a60
```
#181a60 rgb(24,26,96)
```
#1c1f70
```
#1c1f70 rgb(28,31,112)
```
#1f2380
```
#1f2380 rgb(31,35,128)
```
#23288f
```
#23288f rgb(35,40,143)
```
#272c9f
```
#272c9f rgb(39,44,159)
```
#2b30af
```
#2b30af rgb(43,48,175)
```
#2f35be
```
#2f35be rgb(47,53,190)
```

Shade Color Variation

#343acd
```
#343acd rgb(52,58,205)
```
#4449d1
```
#4449d1 rgb(68,73,209)
```
#5359d5
```
#5359d5 rgb(83,89,213)
```
#6368d9
```
#6368d9 rgb(99,104,217)
```
#7377dd
```
#7377dd rgb(115,119,221)
```
#8386e0
```
#8386e0 rgb(131,134,224)
```
#9296e4
```
#9296e4 rgb(146,150,228)
```
#a2a5e8
```
#a2a5e8 rgb(162,165,232)
```
#b2b4ec
```
#b2b4ec rgb(178,180,236)
```
#c2c3f0
```
#c2c3f0 rgb(194,195,240)
```
#d1d3f4
```
#d1d3f4 rgb(209,211,244)
```
#e1e2f8
```
#e1e2f8 rgb(225,226,248)
```
#f1f1fc
```
#f1f1fc rgb(241,241,252)
```

Tint Color Variation

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

#787989
```
#787989 rgb(120,121,137)
```
#6e7093
```
#6e7093 rgb(110,112,147)
```
#65679c
```
#65679c rgb(101,103,156)
```
#5b5ea6
```
#5b5ea6 rgb(91,94,166)
```
#5155b0
```
#5155b0 rgb(81,85,176)
```
#474cba
```
#474cba rgb(71,76,186)
```
#3e43c3
```
#3e43c3 rgb(62,67,195)
```
#343acd
```
#343acd rgb(52,58,205)
```
#2a31d7
```
#2a31d7 rgb(42,49,215)
```
#2128e0
```
#2128e0 rgb(33,40,224)
```
#171fea
```
#171fea rgb(23,31,234)
```
#0d16f4
```
#0d16f4 rgb(13,22,244)
```
#030dfe
```
#030dfe rgb(3,13,254)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#454663 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057a9 Protanopia 1% of men
#005c93 Deuteranopia 1% of men
#006267 Tritanopia 0.001% of the population

Trichromacy

#124cb6 Protanomaly 1% of men, 0.01% of women
#124fa8 Deuteranomaly 6% of men, 0.4% of women
#12538c Tritanomaly 0.01% of the population

#343acd hex color

#343acd Color Information

#343acd Color Conversion

Color Schemes with #343acd

Alternatives to #343acd

#343acd Preview

Shades and Tints of #343acd

Tones of #343acd

Color Blindness Simulator