#348bf5 hex color

In a RGB color space, hex #348bf5 is composed of 20.4% red, 54.5% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 78.8% cyan, 43.3% magenta, 0% yellow and 3.9% black. It has a hue angle of 213 degrees, a saturation of 90.6% and a lightness of 58.2%. #348bf5 color hex could be obtained by blending #68ffff with #0017eb. 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

● #348bf5 color description : Bright blue.

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

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

CIE-LAB	57.833, 10.95, -60.349
XYZ	27.126, 25.786, 89.929
xyY	0.19, 0.181, 25.786
CIE-LCH	57.833, 61.335, 280.285
CIE-LUV	57.833, -29.423, -96.912
Hunter-Lab	50.78, 6.49, -69.455
Binary	00110100, 10001011, 11110101

#348bf5
```
#348bf5 rgb(52,139,245)
```
#f59e34
```
#f59e34 rgb(245,158,52)
```

Complementary Color

#34ecf5
```
#34ecf5 rgb(52,236,245)
```
#348bf5
```
#348bf5 rgb(52,139,245)
```
#3e34f5
```
#3e34f5 rgb(62,52,245)
```

Analogous Color

#ecf534
```
#ecf534 rgb(236,245,52)
```
#348bf5
```
#348bf5 rgb(52,139,245)
```
#f53e34
```
#f53e34 rgb(245,62,52)
```

Split Complementary Color

#8bf534
```
#8bf534 rgb(139,245,52)
```
#348bf5
```
#348bf5 rgb(52,139,245)
```
#f5348b
```
#f5348b rgb(245,52,139)
```

Triadic Color

#34f59e
```
#34f59e rgb(52,245,158)
```
#348bf5
```
#348bf5 rgb(52,139,245)
```
#f5348b
```
#f5348b rgb(245,52,139)
```
#f59e34
```
#f59e34 rgb(245,158,52)
```

Tetradic Color

#0a64d2
```
#0a64d2 rgb(10,100,210)
```
#0c70ea
```
#0c70ea rgb(12,112,234)
```
#1c7df4
```
#1c7df4 rgb(28,125,244)
```
#348bf5
```
#348bf5 rgb(52,139,245)
```
#4c99f6
```
#4c99f6 rgb(76,153,246)
```
#65a7f7
```
#65a7f7 rgb(101,167,247)
```
#7db5f9
```
#7db5f9 rgb(125,181,249)
```

Monochromatic Color

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

#34bbf5
```
#34bbf5 rgb(52,187,245)
```
#34abf5
```
#34abf5 rgb(52,171,245)
```
#349bf5
```
#349bf5 rgb(52,155,245)
```
#348bf5
```
#348bf5 rgb(52,139,245)
```
#347bf5
```
#347bf5 rgb(52,123,245)
```
#346bf5
```
#346bf5 rgb(52,107,245)
```
#345bf5
```
#345bf5 rgb(52,91,245)
```

Similar Colors

Text with hexadecimal color #348bf5

This text has a font color of #348bf5.

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

#348bf5 background color

This paragraph has a background color of #348bf5.

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

#348bf5 border color

This element has a border color of #348bf5.

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

CSS codes

.text {color:#348bf5;}

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

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

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)
```
#095bbe
```
#095bbe rgb(9,91,190)
```
#0a64d0
```
#0a64d0 rgb(10,100,208)
```
#0b6ce3
```
#0b6ce3 rgb(11,108,227)
```

Shade Color Variation

#0f76f3
```
#0f76f3 rgb(15,118,243)
```
#2180f4
```
#2180f4 rgb(33,128,244)
```
#348bf5
```
#348bf5 rgb(52,139,245)
```
#4796f6
```
#4796f6 rgb(71,150,246)
```
#59a0f7
```
#59a0f7 rgb(89,160,247)
```
#6cabf8
```
#6cabf8 rgb(108,171,248)
```
#7fb6f9
```
#7fb6f9 rgb(127,182,249)
```
#91c0fa
```
#91c0fa rgb(145,192,250)
```
#a4cbfb
```
#a4cbfb rgb(164,203,251)
```
#b7d6fb
```
#b7d6fb rgb(183,214,251)
```
#cae0fc
```
#cae0fc rgb(202,224,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 #2c8afd is the most saturated one.

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

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#6e8095 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d8df2 Protanopia 1% of men
#1e93f4 Deuteranopia 1% of men
#009fa9 Tritanopia 0.001% of the population

Trichromacy

#4e8cf3 Protanomaly 1% of men, 0.01% of women
#2690f4 Deuteranomaly 6% of men, 0.4% of women
#1297c4 Tritanomaly 0.01% of the population

#348bf5 hex color

#348bf5 Color Information

#348bf5 Color Conversion

Color Schemes with #348bf5

Alternatives to #348bf5

#348bf5 Preview

Shades and Tints of #348bf5

Tones of #348bf5

Color Blindness Simulator