#343ac0 hex color

In a RGB color space, hex #343ac0 is composed of 20.4% red, 22.7% green and 75.3% blue. Whereas in a CMYK color space, it is composed of 72.9% cyan, 69.8% magenta, 0% yellow and 24.7% black. It has a hue angle of 237.4 degrees, a saturation of 57.4% and a lightness of 47.8%. #343ac0 color hex could be obtained by blending #6874ff with #000081. Closest websafe color is: #3333cc.

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

● #343ac0 color description : Moderate blue.

The hexadecimal color #343ac0 has RGB values of R:52, G:58, B:192 and CMYK values of C:0.73, M:0.7, Y:0, K:0.25. Its decimal value is 3422912.

Hex triplet	343ac0	`#343ac0`
RGB Decimal	52, 58, 192	`rgb(52,58,192)`
RGB Percent	20.4, 22.7, 75.3	`rgb(20.4%,22.7%,75.3%)`
CMYK	73, 70, 0, 25
HSL	237.4°, 57.4, 47.8	`hsl(237.4,57.4%,47.8%)`
HSV (or HSB)	237.4°, 72.9, 75.3
Web Safe	3333cc	`#3333cc`

CIE-LAB	33.052, 42.444, -70.414
XYZ	12.442, 7.561, 50.67
xyY	0.176, 0.107, 7.561
CIE-LCH	33.052, 82.217, 301.08
CIE-LUV	33.052, -8.051, -96.004
Hunter-Lab	27.498, 32.644, -90.006
Binary	00110100, 00111010, 11000000

#343ac0
```
#343ac0 rgb(52,58,192)
```
#c0ba34
```
#c0ba34 rgb(192,186,52)
```

Complementary Color

#3480c0
```
#3480c0 rgb(52,128,192)
```
#343ac0
```
#343ac0 rgb(52,58,192)
```
#7434c0
```
#7434c0 rgb(116,52,192)
```

Analogous Color

#80c034
```
#80c034 rgb(128,192,52)
```
#343ac0
```
#343ac0 rgb(52,58,192)
```
#c07434
```
#c07434 rgb(192,116,52)
```

Split Complementary Color

#3ac034
```
#3ac034 rgb(58,192,52)
```
#343ac0
```
#343ac0 rgb(52,58,192)
```
#c0343a
```
#c0343a rgb(192,52,58)
```

Triadic Color

#34c0ba
```
#34c0ba rgb(52,192,186)
```
#343ac0
```
#343ac0 rgb(52,58,192)
```
#c0343a
```
#c0343a rgb(192,52,58)
```
#c0ba34
```
#c0ba34 rgb(192,186,52)
```

Tetradic Color

#242884
```
#242884 rgb(36,40,132)
```
#292e98
```
#292e98 rgb(41,46,152)
```
#2f34ac
```
#2f34ac rgb(47,52,172)
```
#343ac0
```
#343ac0 rgb(52,58,192)
```
#4248cc
```
#4248cc rgb(66,72,204)
```
#565bd1
```
#565bd1 rgb(86,91,209)
```
#6a6fd7
```
#6a6fd7 rgb(106,111,215)
```

Monochromatic Color

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

#345dc0
```
#345dc0 rgb(52,93,192)
```
#3451c0
```
#3451c0 rgb(52,81,192)
```
#3446c0
```
#3446c0 rgb(52,70,192)
```
#343ac0
```
#343ac0 rgb(52,58,192)
```
#3a34c0
```
#3a34c0 rgb(58,52,192)
```
#4534c0
```
#4534c0 rgb(69,52,192)
```
#5134c0
```
#5134c0 rgb(81,52,192)
```

Similar Colors

Text with hexadecimal color #343ac0

This text has a font color of #343ac0.

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

#343ac0 background color

This paragraph has a background color of #343ac0.

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

#343ac0 border color

This element has a border color of #343ac0.

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

CSS codes

.text {color:#343ac0;}

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

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

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

#020207
```
#020207 rgb(2,2,7)
```
#060716
```
#060716 rgb(6,7,22)
```
#0a0b26
```
#0a0b26 rgb(10,11,38)
```
#0e1035
```
#0e1035 rgb(14,16,53)
```
#131545
```
#131545 rgb(19,21,69)
```
#171954
```
#171954 rgb(23,25,84)
```
#1b1e63
```
#1b1e63 rgb(27,30,99)
```
#1f2373
```
#1f2373 rgb(31,35,115)
```
#232782
```
#232782 rgb(35,39,130)
```
#272c92
```
#272c92 rgb(39,44,146)
```
#2c31a1
```
#2c31a1 rgb(44,49,161)
```
#3035b1
```
#3035b1 rgb(48,53,177)
```
#343ac0
```
#343ac0 rgb(52,58,192)
```

Shade Color Variation

#3d43ca
```
#3d43ca rgb(61,67,202)
```
#4d52cf
```
#4d52cf rgb(77,82,207)
```
#5c61d3
```
#5c61d3 rgb(92,97,211)
```
#6b70d7
```
#6b70d7 rgb(107,112,215)
```
#7b7fdb
```
#7b7fdb rgb(123,127,219)
```
#8a8edf
```
#8a8edf rgb(138,142,223)
```
#9a9de4
```
#9a9de4 rgb(154,157,228)
```
#a9ace8
```
#a9ace8 rgb(169,172,232)
```
#b9bbec
```
#b9bbec rgb(185,187,236)
```
#c8caf0
```
#c8caf0 rgb(200,202,240)
```
#d7d9f4
```
#d7d9f4 rgb(215,217,244)
```
#e7e8f8
```
#e7e8f8 rgb(231,232,248)
```
#f6f7fd
```
#f6f7fd rgb(246,247,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #76767e is the less saturated color, while #050fef is the most saturated one.

#76767e
```
#76767e rgb(118,118,126)
```
#6c6d88
```
#6c6d88 rgb(108,109,136)
```
#636591
```
#636591 rgb(99,101,145)
```
#5a5c9a
```
#5a5c9a rgb(90,92,154)
```
#5054a4
```
#5054a4 rgb(80,84,164)
```
#474bad
```
#474bad rgb(71,75,173)
```
#3d43b7
```
#3d43b7 rgb(61,67,183)
```
#343ac0
```
#343ac0 rgb(52,58,192)
```
#2b31c9
```
#2b31c9 rgb(43,49,201)
```
#2129d3
```
#2129d3 rgb(33,41,211)
```
#1820dc
```
#1820dc rgb(24,32,220)
```
#0e18e6
```
#0e18e6 rgb(14,24,230)
```
#050fef
```
#050fef rgb(5,15,239)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#43445f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a4 Protanopia 1% of men
#00598e Deuteranopia 1% of men
#005f64 Tritanopia 0.001% of the population

Trichromacy

#124aae Protanomaly 1% of men, 0.01% of women
#124da0 Deuteranomaly 6% of men, 0.4% of women
#125186 Tritanomaly 0.01% of the population

#343ac0 hex color

#343ac0 Color Information

#343ac0 Color Conversion

Color Schemes with #343ac0

Alternatives to #343ac0

#343ac0 Preview

Shades and Tints of #343ac0

Tones of #343ac0

Color Blindness Simulator