#348cf5 hex color

In a RGB color space, hex #348cf5 is composed of 20.4% red, 54.9% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 78.8% cyan, 42.9% magenta, 0% yellow and 3.9% black. It has a hue angle of 212.6 degrees, a saturation of 90.6% and a lightness of 58.2%. #348cf5 color hex could be obtained by blending #68ffff with #0019eb. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 20
- G 55
- B 96
RGB color chart
- C 79
- M 43
- Y 0
- K 4
CMYK color chart

● #348cf5 color description : Bright blue.

The hexadecimal color #348cf5 has RGB values of R:52, G:140, B:245 and CMYK values of C:0.79, M:0.43, Y:0, K:0.04. Its decimal value is 3443957.

Hex triplet	348cf5	`#348cf5`
RGB Decimal	52, 140, 245	`rgb(52,140,245)`
RGB Percent	20.4, 54.9, 96.1	`rgb(20.4%,54.9%,96.1%)`
CMYK	79, 43, 0, 4
HSL	212.6°, 90.6, 58.2	`hsl(212.6,90.6%,58.2%)`
HSV (or HSB)	212.6°, 78.8, 96.1
Web Safe	3399ff	`#3399ff`

CIE-LAB	58.11, 10.345, -59.906
XYZ	27.272, 26.077, 89.977
xyY	0.19, 0.182, 26.077
CIE-LCH	58.11, 60.793, 279.798
CIE-LUV	58.11, -29.736, -96.236
Hunter-Lab	51.065, 5.966, -68.724
Binary	00110100, 10001100, 11110101

#348cf5
```
#348cf5 rgb(52,140,245)
```
#f59d34
```
#f59d34 rgb(245,157,52)
```

Complementary Color

#34edf5
```
#34edf5 rgb(52,237,245)
```
#348cf5
```
#348cf5 rgb(52,140,245)
```
#3c34f5
```
#3c34f5 rgb(60,52,245)
```

Analogous Color

#edf534
```
#edf534 rgb(237,245,52)
```
#348cf5
```
#348cf5 rgb(52,140,245)
```
#f53d34
```
#f53d34 rgb(245,61,52)
```

Split Complementary Color

#8cf534
```
#8cf534 rgb(140,245,52)
```
#348cf5
```
#348cf5 rgb(52,140,245)
```
#f5348c
```
#f5348c rgb(245,52,140)
```

Triadic Color

#34f59d
```
#34f59d rgb(52,245,157)
```
#348cf5
```
#348cf5 rgb(52,140,245)
```
#f5348c
```
#f5348c rgb(245,52,140)
```
#f59d34
```
#f59d34 rgb(245,157,52)
```

Tetradic Color

#0a65d2
```
#0a65d2 rgb(10,101,210)
```
#0c71ea
```
#0c71ea rgb(12,113,234)
```
#1c7ef4
```
#1c7ef4 rgb(28,126,244)
```
#348cf5
```
#348cf5 rgb(52,140,245)
```
#4c9af6
```
#4c9af6 rgb(76,154,246)
```
#65a8f7
```
#65a8f7 rgb(101,168,247)
```
#7db5f9
```
#7db5f9 rgb(125,181,249)
```

Monochromatic Color

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

#34bcf5
```
#34bcf5 rgb(52,188,245)
```
#34acf5
```
#34acf5 rgb(52,172,245)
```
#349cf5
```
#349cf5 rgb(52,156,245)
```
#348cf5
```
#348cf5 rgb(52,140,245)
```
#347cf5
```
#347cf5 rgb(52,124,245)
```
#346cf5
```
#346cf5 rgb(52,108,245)
```
#345cf5
```
#345cf5 rgb(52,92,245)
```

Similar Colors

Text with hexadecimal color #348cf5

This text has a font color of #348cf5.

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

#348cf5 background color

This paragraph has a background color of #348cf5.

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

#348cf5 border color

This element has a border color of #348cf5.

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

CSS codes

.text {color:#348cf5;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#010a15
```
#010a15 rgb(1,10,21)
```
#021328
```
#021328 rgb(2,19,40)
```
#031c3b
```
#031c3b rgb(3,28,59)
```
#04254d
```
#04254d rgb(4,37,77)
```
#052e60
```
#052e60 rgb(5,46,96)
```
#063773
```
#063773 rgb(6,55,115)
```
#074086
```
#074086 rgb(7,64,134)
```
#074998
```
#074998 rgb(7,73,152)
```
#0852ab
```
#0852ab rgb(8,82,171)
```
#095cbe
```
#095cbe rgb(9,92,190)
```
#0a65d0
```
#0a65d0 rgb(10,101,208)
```
#0b6ee3
```
#0b6ee3 rgb(11,110,227)
```

Shade Color Variation

#0f77f3
```
#0f77f3 rgb(15,119,243)
```
#2181f4
```
#2181f4 rgb(33,129,244)
```
#348cf5
```
#348cf5 rgb(52,140,245)
```
#4797f6
```
#4797f6 rgb(71,151,246)
```
#59a1f7
```
#59a1f7 rgb(89,161,247)
```
#6cacf8
```
#6cacf8 rgb(108,172,248)
```
#7fb6f9
```
#7fb6f9 rgb(127,182,249)
```
#91c1fa
```
#91c1fa rgb(145,193,250)
```
#a4ccfb
```
#a4ccfb rgb(164,204,251)
```
#b7d6fb
```
#b7d6fb rgb(183,214,251)
```
#cae1fc
```
#cae1fc rgb(202,225,252)
```
#dcebfd
```
#dcebfd rgb(220,235,253)
```
#eff6fe
```
#eff6fe rgb(239,246,254)
```

Tint Color Variation

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

#8e949b
```
#8e949b rgb(142,148,155)
```
#8693a3
```
#8693a3 rgb(134,147,163)
```
#7e92ab
```
#7e92ab rgb(126,146,171)
```
#7692b3
```
#7692b3 rgb(118,146,179)
```
#6d91bc
```
#6d91bc rgb(109,145,188)
```
#6590c4
```
#6590c4 rgb(101,144,196)
```
#5d90cc
```
#5d90cc rgb(93,144,204)
```
#558fd4
```
#558fd4 rgb(85,143,212)
```
#4d8edc
```
#4d8edc rgb(77,142,220)
```
#448de5
```
#448de5 rgb(68,141,229)
```
#3c8ded
```
#3c8ded rgb(60,141,237)
```
#348cf5
```
#348cf5 rgb(52,140,245)
```
#2c8bfd
```
#2c8bfd rgb(44,139,253)
```

Tone Color Variation

Below, you can see how #348cf5 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
#6f8196 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f8ef2 Protanopia 1% of men
#2693f4 Deuteranopia 1% of men
#009faa Tritanopia 0.001% of the population

Trichromacy

#4f8df3 Protanomaly 1% of men, 0.01% of women
#2b90f4 Deuteranomaly 6% of men, 0.4% of women
#1298c5 Tritanomaly 0.01% of the population

#348cf5 hex color

#348cf5 Color Information

#348cf5 Color Conversion

Color Schemes with #348cf5

Alternatives to #348cf5

#348cf5 Preview

Shades and Tints of #348cf5

Tones of #348cf5

Color Blindness Simulator