#343aea hex color

In a RGB color space, hex #343aea is composed of 20.4% red, 22.7% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 77.8% cyan, 75.2% magenta, 0% yellow and 8.2% black. It has a hue angle of 238 degrees, a saturation of 81.3% and a lightness of 56.1%. #343aea color hex could be obtained by blending #6874ff with #0000d5. Closest websafe color is: #3333ff.

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

● #343aea color description : Bright blue.

The hexadecimal color #343aea has RGB values of R:52, G:58, B:234 and CMYK values of C:0.78, M:0.75, Y:0, K:0.08. Its decimal value is 3422954.

Hex triplet	343aea	`#343aea`
RGB Decimal	52, 58, 234	`rgb(52,58,234)`
RGB Percent	20.4, 22.7, 91.8	`rgb(20.4%,22.7%,91.8%)`
CMYK	78, 75, 0, 8
HSL	238°, 81.3, 56.1	`hsl(238,81.3%,56.1%)`
HSV (or HSB)	238°, 77.8, 91.8
Web Safe	3333ff	`#3333ff`

CIE-LAB	37.29, 56.244, -87.663
XYZ	17.778, 9.696, 78.772
xyY	0.167, 0.091, 9.696
CIE-LCH	37.29, 104.154, 302.684
CIE-LUV	37.29, -9.624, -121.159
Hunter-Lab	31.138, 47.421, -128.195
Binary	00110100, 00111010, 11101010

#343aea
```
#343aea rgb(52,58,234)
```
#eae434
```
#eae434 rgb(234,228,52)
```

Complementary Color

#3495ea
```
#3495ea rgb(52,149,234)
```
#343aea
```
#343aea rgb(52,58,234)
```
#8934ea
```
#8934ea rgb(137,52,234)
```

Analogous Color

#95ea34
```
#95ea34 rgb(149,234,52)
```
#343aea
```
#343aea rgb(52,58,234)
```
#ea8934
```
#ea8934 rgb(234,137,52)
```

Split Complementary Color

#3aea34
```
#3aea34 rgb(58,234,52)
```
#343aea
```
#343aea rgb(52,58,234)
```
#ea343a
```
#ea343a rgb(234,52,58)
```

Triadic Color

#34eae4
```
#34eae4 rgb(52,234,228)
```
#343aea
```
#343aea rgb(52,58,234)
```
#ea343a
```
#ea343a rgb(234,52,58)
```
#eae434
```
#eae434 rgb(234,228,52)
```

Tetradic Color

#1419be
```
#1419be rgb(20,25,190)
```
#161cd5
```
#161cd5 rgb(22,28,213)
```
#1d24e8
```
#1d24e8 rgb(29,36,232)
```
#343aea
```
#343aea rgb(52,58,234)
```
#4b50ec
```
#4b50ec rgb(75,80,236)
```
#6267ef
```
#6267ef rgb(98,103,239)
```
#797df1
```
#797df1 rgb(121,125,241)
```

Monochromatic Color

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

#3468ea
```
#3468ea rgb(52,104,234)
```
#3458ea
```
#3458ea rgb(52,88,234)
```
#3449ea
```
#3449ea rgb(52,73,234)
```
#343aea
```
#343aea rgb(52,58,234)
```
#3d34ea
```
#3d34ea rgb(61,52,234)
```
#4c34ea
```
#4c34ea rgb(76,52,234)
```
#5c34ea
```
#5c34ea rgb(92,52,234)
```

Similar Colors

Text with hexadecimal color #343aea

This text has a font color of #343aea.

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

#343aea background color

This paragraph has a background color of #343aea.

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

#343aea border color

This element has a border color of #343aea.

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

CSS codes

.text {color:#343aea;}

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

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

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, #01010a is the darkest color, while #f8f8fe is the lightest one.

#01010a
```
#01010a rgb(1,1,10)
```
#03041c
```
#03041c rgb(3,4,28)
```
#05062e
```
#05062e rgb(5,6,46)
```
#070840
```
#070840 rgb(7,8,64)
```
#080b51
```
#080b51 rgb(8,11,81)
```
#0a0d63
```
#0a0d63 rgb(10,13,99)
```
#0c1075
```
#0c1075 rgb(12,16,117)
```
#0e1287
```
#0e1287 rgb(14,18,135)
```
#101499
```
#101499 rgb(16,20,153)
```
#1217aa
```
#1217aa rgb(18,23,170)
```
#1319bc
```
#1319bc rgb(19,25,188)
```
#151bce
```
#151bce rgb(21,27,206)
```
#171ee0
```
#171ee0 rgb(23,30,224)
```

Shade Color Variation

#2229e8
```
#2229e8 rgb(34,41,232)
```
#343aea
```
#343aea rgb(52,58,234)
```
#464bec
```
#464bec rgb(70,75,236)
```
#585dee
```
#585dee rgb(88,93,238)
```
#696ef0
```
#696ef0 rgb(105,110,240)
```
#7b7ff1
```
#7b7ff1 rgb(123,127,241)
```
#8d90f3
```
#8d90f3 rgb(141,144,243)
```
#9fa2f5
```
#9fa2f5 rgb(159,162,245)
```
#b0b3f7
```
#b0b3f7 rgb(176,179,247)
```
#c2c4f9
```
#c2c4f9 rgb(194,196,249)
```
#d4d5fb
```
#d4d5fb rgb(212,213,251)
```
#e6e7fc
```
#e6e7fc rgb(230,231,252)
```
#f8f8fe
```
#f8f8fe rgb(248,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8a8a94 is the less saturated color, while #232afb is the most saturated one.

#8a8a94
```
#8a8a94 rgb(138,138,148)
```
#82829c
```
#82829c rgb(130,130,156)
```
#797aa5
```
#797aa5 rgb(121,122,165)
```
#7072ae
```
#7072ae rgb(112,114,174)
```
#686ab6
```
#686ab6 rgb(104,106,182)
```
#5f62bf
```
#5f62bf rgb(95,98,191)
```
#565ac8
```
#565ac8 rgb(86,90,200)
```
#4e52d0
```
#4e52d0 rgb(78,82,208)
```
#454ad9
```
#454ad9 rgb(69,74,217)
```
#3d42e1
```
#3d42e1 rgb(61,66,225)
```
#343aea
```
#343aea rgb(52,58,234)
```
#2b32f3
```
#2b32f3 rgb(43,50,243)
```
#232afb
```
#232afb rgb(35,42,251)
```

Tone Color Variation

Below, you can see how #343aea 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
#47486c Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db6 Protanopia 1% of men
#00639d Deuteranopia 1% of men
#006a6f Tritanopia 0.001% of the population

Trichromacy

#1250c8 Protanomaly 1% of men, 0.01% of women
#1254b9 Deuteranomaly 6% of men, 0.4% of women
#12589b Tritanomaly 0.01% of the population

#343aea hex color

#343aea Color Information

#343aea Color Conversion

Color Schemes with #343aea

Alternatives to #343aea

#343aea Preview

Shades and Tints of #343aea

Tones of #343aea

Color Blindness Simulator