#343cdc hex color

In a RGB color space, hex #343cdc is composed of 20.4% red, 23.5% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 76.4% cyan, 72.7% magenta, 0% yellow and 13.7% black. It has a hue angle of 237.1 degrees, a saturation of 70.6% and a lightness of 53.3%. #343cdc color hex could be obtained by blending #6878ff with #0000b9. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 20
- G 24
- B 86
RGB color chart
- C 76
- M 73
- Y 0
- K 14
CMYK color chart

● #343cdc color description : Bright blue.

The hexadecimal color #343cdc has RGB values of R:52, G:60, B:220 and CMYK values of C:0.76, M:0.73, Y:0, K:0.14. Its decimal value is 3423452.

Hex triplet	343cdc	`#343cdc`
RGB Decimal	52, 60, 220	`rgb(52,60,220)`
RGB Percent	20.4, 23.5, 86.3	`rgb(20.4%,23.5%,86.3%)`
CMYK	76, 73, 0, 14
HSL	237.1°, 70.6, 53.3	`hsl(237.1,70.6%,53.3%)`
HSV (or HSB)	237.1°, 76.4, 86.3
Web Safe	3333cc	`#3333cc`

CIE-LAB	36.23, 50.648, -81.427
XYZ	15.948, 9.128, 68.628
xyY	0.17, 0.097, 9.128
CIE-LCH	36.23, 95.894, 301.882
CIE-LUV	36.23, -9.432, -112.726
Hunter-Lab	30.213, 41.349, -113.527
Binary	00110100, 00111100, 11011100

#343cdc
```
#343cdc rgb(52,60,220)
```
#dcd434
```
#dcd434 rgb(220,212,52)
```

Complementary Color

#3490dc
```
#3490dc rgb(52,144,220)
```
#343cdc
```
#343cdc rgb(52,60,220)
```
#8034dc
```
#8034dc rgb(128,52,220)
```

Analogous Color

#90dc34
```
#90dc34 rgb(144,220,52)
```
#343cdc
```
#343cdc rgb(52,60,220)
```
#dc8034
```
#dc8034 rgb(220,128,52)
```

Split Complementary Color

#3cdc34
```
#3cdc34 rgb(60,220,52)
```
#343cdc
```
#343cdc rgb(52,60,220)
```
#dc343c
```
#dc343c rgb(220,52,60)
```

Triadic Color

#34dcd4
```
#34dcd4 rgb(52,220,212)
```
#343cdc
```
#343cdc rgb(52,60,220)
```
#dc343c
```
#dc343c rgb(220,52,60)
```
#dcd434
```
#dcd434 rgb(220,212,52)
```

Tetradic Color

#1d23a7
```
#1d23a7 rgb(29,35,167)
```
#2128bd
```
#2128bd rgb(33,40,189)
```
#242dd2
```
#242dd2 rgb(36,45,210)
```
#343cdc
```
#343cdc rgb(52,60,220)
```
#4a51e0
```
#4a51e0 rgb(74,81,224)
```
#5f66e4
```
#5f66e4 rgb(95,102,228)
```
#757be7
```
#757be7 rgb(117,123,231)
```

Monochromatic Color

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

#3466dc
```
#3466dc rgb(52,102,220)
```
#3458dc
```
#3458dc rgb(52,88,220)
```
#344adc
```
#344adc rgb(52,74,220)
```
#343cdc
```
#343cdc rgb(52,60,220)
```
#3a34dc
```
#3a34dc rgb(58,52,220)
```
#4834dc
```
#4834dc rgb(72,52,220)
```
#5634dc
```
#5634dc rgb(86,52,220)
```

Similar Colors

Text with hexadecimal color #343cdc

This text has a font color of #343cdc.

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

#343cdc background color

This paragraph has a background color of #343cdc.

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

#343cdc border color

This element has a border color of #343cdc.

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

CSS codes

.text {color:#343cdc;}

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

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

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, #02030f is the darkest color, while #fdfdff is the lightest one.

#02030f
```
#02030f rgb(2,3,15)
```
#05071f
```
#05071f rgb(5,7,31)
```
#080a30
```
#080a30 rgb(8,10,48)
```
#0b0e41
```
#0b0e41 rgb(11,14,65)
```
#0e1151
```
#0e1151 rgb(14,17,81)
```
#111562
```
#111562 rgb(17,21,98)
```
#141873
```
#141873 rgb(20,24,115)
```
#171c84
```
#171c84 rgb(23,28,132)
```
#1a1f94
```
#1a1f94 rgb(26,31,148)
```
#1c23a5
```
#1c23a5 rgb(28,35,165)
```
#1f27b6
```
#1f27b6 rgb(31,39,182)
```
#222ac7
```
#222ac7 rgb(34,42,199)
```
#252ed7
```
#252ed7 rgb(37,46,215)
```

Shade Color Variation

#343cdc
```
#343cdc rgb(52,60,220)
```
#454cdf
```
#454cdf rgb(69,76,223)
```
#555ce2
```
#555ce2 rgb(85,92,226)
```
#666ce5
```
#666ce5 rgb(102,108,229)
```
#777ce8
```
#777ce8 rgb(119,124,232)
```
#888cea
```
#888cea rgb(136,140,234)
```
#989ced
```
#989ced rgb(152,156,237)
```
#a9adf0
```
#a9adf0 rgb(169,173,240)
```
#babdf3
```
#babdf3 rgb(186,189,243)
```
#cbcdf6
```
#cbcdf6 rgb(203,205,246)
```
#dbddf9
```
#dbddf9 rgb(219,221,249)
```
#ecedfc
```
#ecedfc rgb(236,237,252)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #86878a is the less saturated color, while #1923f7 is the most saturated one.

#86878a
```
#86878a rgb(134,135,138)
```
#7d7e93
```
#7d7e93 rgb(125,126,147)
```
#74769c
```
#74769c rgb(116,118,156)
```
#6b6ea5
```
#6b6ea5 rgb(107,110,165)
```
#6265ae
```
#6265ae rgb(98,101,174)
```
#595db7
```
#595db7 rgb(89,93,183)
```
#4f55c1
```
#4f55c1 rgb(79,85,193)
```
#464dca
```
#464dca rgb(70,77,202)
```
#3d44d3
```
#3d44d3 rgb(61,68,211)
```
#343cdc
```
#343cdc rgb(52,60,220)
```
#2b34e5
```
#2b34e5 rgb(43,52,229)
```
#222bee
```
#222bee rgb(34,43,238)
```
#1923f7
```
#1923f7 rgb(25,35,247)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#474969 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb1 Protanopia 1% of men
#00609a Deuteranopia 1% of men
#00676c Tritanopia 0.001% of the population

Trichromacy

#124fc1 Protanomaly 1% of men, 0.01% of women
#1253b2 Deuteranomaly 6% of men, 0.4% of women
#125795 Tritanomaly 0.01% of the population

#343cdc hex color

#343cdc Color Information

#343cdc Color Conversion

Color Schemes with #343cdc

Alternatives to #343cdc

#343cdc Preview

Shades and Tints of #343cdc

Tones of #343cdc

Color Blindness Simulator