#348eea hex color

In a RGB color space, hex #348eea is composed of 20.4% red, 55.7% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 77.8% cyan, 39.3% magenta, 0% yellow and 8.2% black. It has a hue angle of 210.3 degrees, a saturation of 81.3% and a lightness of 56.1%. #348eea color hex could be obtained by blending #68ffff with #001dd5. Closest websafe color is: #3399ff.

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

● #348eea color description : Bright blue.

The hexadecimal color #348eea has RGB values of R:52, G:142, B:234 and CMYK values of C:0.78, M:0.39, Y:0, K:0.08. Its decimal value is 3444458.

Hex triplet	348eea	`#348eea`
RGB Decimal	52, 142, 234	`rgb(52,142,234)`
RGB Percent	20.4, 55.7, 91.8	`rgb(20.4%,55.7%,91.8%)`
CMYK	78, 39, 0, 8
HSL	210.3°, 81.3, 56.1	`hsl(210.3,81.3%,56.1%)`
HSV (or HSB)	210.3°, 77.8, 91.8
Web Safe	3399ff	`#3399ff`

CIE-LAB	58.051, 5.128, -53.912
XYZ	25.937, 26.014, 81.492
xyY	0.194, 0.195, 26.014
CIE-LCH	58.051, 54.155, 275.434
CIE-LUV	58.051, -30.787, -85.98
Hunter-Lab	51.004, 1.514, -59.027
Binary	00110100, 10001110, 11101010

#348eea
```
#348eea rgb(52,142,234)
```
#ea9034
```
#ea9034 rgb(234,144,52)
```

Complementary Color

#34e9ea
```
#34e9ea rgb(52,233,234)
```
#348eea
```
#348eea rgb(52,142,234)
```
#3534ea
```
#3534ea rgb(53,52,234)
```

Analogous Color

#e9ea34
```
#e9ea34 rgb(233,234,52)
```
#348eea
```
#348eea rgb(52,142,234)
```
#ea3534
```
#ea3534 rgb(234,53,52)
```

Split Complementary Color

#8eea34
```
#8eea34 rgb(142,234,52)
```
#348eea
```
#348eea rgb(52,142,234)
```
#ea348e
```
#ea348e rgb(234,52,142)
```

Triadic Color

#34ea90
```
#34ea90 rgb(52,234,144)
```
#348eea
```
#348eea rgb(52,142,234)
```
#ea348e
```
#ea348e rgb(234,52,142)
```
#ea9034
```
#ea9034 rgb(234,144,52)
```

Tetradic Color

#1468be
```
#1468be rgb(20,104,190)
```
#1674d5
```
#1674d5 rgb(22,116,213)
```
#1d81e8
```
#1d81e8 rgb(29,129,232)
```
#348eea
```
#348eea rgb(52,142,234)
```
#4b9bec
```
#4b9bec rgb(75,155,236)
```
#62a8ef
```
#62a8ef rgb(98,168,239)
```
#79b5f1
```
#79b5f1 rgb(121,181,241)
```

Monochromatic Color

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

#34bcea
```
#34bcea rgb(52,188,234)
```
#34acea
```
#34acea rgb(52,172,234)
```
#349dea
```
#349dea rgb(52,157,234)
```
#348eea
```
#348eea rgb(52,142,234)
```
#347fea
```
#347fea rgb(52,127,234)
```
#3470ea
```
#3470ea rgb(52,112,234)
```
#3461ea
```
#3461ea rgb(52,97,234)
```

Similar Colors

Text with hexadecimal color #348eea

This text has a font color of #348eea.

<span style="color:#348eea;">Text here</span>

#348eea background color

This paragraph has a background color of #348eea.

<p style="background-color:#348eea;">Content here</p>

#348eea border color

This element has a border color of #348eea.

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

CSS codes

.text {color:#348eea;}

.background {background-color:#348eea;}

.border {border:1px solid #348eea;}

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

#01060a
```
#01060a rgb(1,6,10)
```
#030f1c
```
#030f1c rgb(3,15,28)
```
#05192e
```
#05192e rgb(5,25,46)
```
#072340
```
#072340 rgb(7,35,64)
```
#082d51
```
#082d51 rgb(8,45,81)
```
#0a3663
```
#0a3663 rgb(10,54,99)
```
#0c4075
```
#0c4075 rgb(12,64,117)
```
#0e4a87
```
#0e4a87 rgb(14,74,135)
```
#105399
```
#105399 rgb(16,83,153)
```
#125daa
```
#125daa rgb(18,93,170)
```
#1367bc
```
#1367bc rgb(19,103,188)
```
#1571ce
```
#1571ce rgb(21,113,206)
```
#177ae0
```
#177ae0 rgb(23,122,224)
```

Shade Color Variation

#2284e8
```
#2284e8 rgb(34,132,232)
```
#348eea
```
#348eea rgb(52,142,234)
```
#4698ec
```
#4698ec rgb(70,152,236)
```
#58a2ee
```
#58a2ee rgb(88,162,238)
```
#69acf0
```
#69acf0 rgb(105,172,240)
```
#7bb6f1
```
#7bb6f1 rgb(123,182,241)
```
#8dbff3
```
#8dbff3 rgb(141,191,243)
```
#9fc9f5
```
#9fc9f5 rgb(159,201,245)
```
#b0d3f7
```
#b0d3f7 rgb(176,211,247)
```
#c2ddf9
```
#c2ddf9 rgb(194,221,249)
```
#d4e7fb
```
#d4e7fb rgb(212,231,251)
```
#e6f1fc
```
#e6f1fc rgb(230,241,252)
```
#f8fbfe
```
#f8fbfe rgb(248,251,254)
```

Tint Color Variation

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

#8a8f94
```
#8a8f94 rgb(138,143,148)
```
#828f9c
```
#828f9c rgb(130,143,156)
```
#798fa5
```
#798fa5 rgb(121,143,165)
```
#708fae
```
#708fae rgb(112,143,174)
```
#688fb6
```
#688fb6 rgb(104,143,182)
```
#5f8ebf
```
#5f8ebf rgb(95,142,191)
```
#568ec8
```
#568ec8 rgb(86,142,200)
```
#4e8ed0
```
#4e8ed0 rgb(78,142,208)
```
#458ed9
```
#458ed9 rgb(69,142,217)
```
#3d8ee1
```
#3d8ee1 rgb(61,142,225)
```
#348eea
```
#348eea rgb(52,142,234)
```
#2b8ef3
```
#2b8ef3 rgb(43,142,243)
```
#238efb
```
#238efb rgb(35,142,251)
```

Tone Color Variation

Below, you can see how #348eea 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

#7e7e7e Achromatopsia 0.005% of the population
#6f8194 Atypical Achromatopsia 0.001% of the population

Dichromacy

#698ee6 Protanopia 1% of men
#4792eb Deuteranopia 1% of men
#009faa Tritanopia 0.001% of the population

Trichromacy

#568ee7 Protanomaly 1% of men, 0.01% of women
#4091ea Deuteranomaly 6% of men, 0.4% of women
#1299c1 Tritanomaly 0.01% of the population

#348eea hex color

#348eea Color Information

#348eea Color Conversion

Color Schemes with #348eea

Alternatives to #348eea

#348eea Preview

Shades and Tints of #348eea

Tones of #348eea

Color Blindness Simulator