#348bcc hex color

In a RGB color space, hex #348bcc is composed of 20.4% red, 54.5% green and 80% blue. Whereas in a CMYK color space, it is composed of 74.5% cyan, 31.9% magenta, 0% yellow and 20% black. It has a hue angle of 205.7 degrees, a saturation of 59.8% and a lightness of 50.2%. #348bcc color hex could be obtained by blending #68ffff with #001799. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 20
- G 55
- B 80
RGB color chart
- C 75
- M 32
- Y 0
- K 20
CMYK color chart

● #348bcc color description : Moderate blue.

The hexadecimal color #348bcc has RGB values of R:52, G:139, B:204 and CMYK values of C:0.75, M:0.32, Y:0, K:0.2. Its decimal value is 3443660.

Hex triplet	348bcc	`#348bcc`
RGB Decimal	52, 139, 204	`rgb(52,139,204)`
RGB Percent	20.4, 54.5, 80	`rgb(20.4%,54.5%,80%)`
CMYK	75, 32, 0, 20
HSL	205.7°, 59.8, 50.2	`hsl(205.7,59.8%,50.2%)`
HSV (or HSB)	205.7°, 74.5, 80
Web Safe	3399cc	`#3399cc`

CIE-LAB	55.638, -3.918, -40.94
XYZ	21.545, 23.553, 60.534
xyY	0.204, 0.223, 23.553
CIE-LCH	55.638, 41.128, 264.534
CIE-LUV	55.638, -31.074, -63.205
Hunter-Lab	48.532, -5.687, -39.981
Binary	00110100, 10001011, 11001100

#348bcc
```
#348bcc rgb(52,139,204)
```
#cc7534
```
#cc7534 rgb(204,117,52)
```

Complementary Color

#34ccc1
```
#34ccc1 rgb(52,204,193)
```
#348bcc
```
#348bcc rgb(52,139,204)
```
#343fcc
```
#343fcc rgb(52,63,204)
```

Analogous Color

#ccc134
```
#ccc134 rgb(204,193,52)
```
#348bcc
```
#348bcc rgb(52,139,204)
```
#cc343f
```
#cc343f rgb(204,52,63)
```

Split Complementary Color

#8bcc34
```
#8bcc34 rgb(139,204,52)
```
#348bcc
```
#348bcc rgb(52,139,204)
```
#cc348b
```
#cc348b rgb(204,52,139)
```

Triadic Color

#34cc75
```
#34cc75 rgb(52,204,117)
```
#348bcc
```
#348bcc rgb(52,139,204)
```
#cc348b
```
#cc348b rgb(204,52,139)
```
#cc7534
```
#cc7534 rgb(204,117,52)
```

Tetradic Color

#24628f
```
#24628f rgb(36,98,143)
```
#296fa4
```
#296fa4 rgb(41,111,164)
```
#2e7db8
```
#2e7db8 rgb(46,125,184)
```
#348bcc
```
#348bcc rgb(52,139,204)
```
#4897d1
```
#4897d1 rgb(72,151,209)
```
#5da2d6
```
#5da2d6 rgb(93,162,214)
```
#71aedb
```
#71aedb rgb(113,174,219)
```

Monochromatic Color

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

#34b1cc
```
#34b1cc rgb(52,177,204)
```
#34a4cc
```
#34a4cc rgb(52,164,204)
```
#3498cc
```
#3498cc rgb(52,152,204)
```
#348bcc
```
#348bcc rgb(52,139,204)
```
#347ecc
```
#347ecc rgb(52,126,204)
```
#3472cc
```
#3472cc rgb(52,114,204)
```
#3465cc
```
#3465cc rgb(52,101,204)
```

Similar Colors

Text with hexadecimal color #348bcc

This text has a font color of #348bcc.

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

#348bcc background color

This paragraph has a background color of #348bcc.

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

#348bcc border color

This element has a border color of #348bcc.

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

CSS codes

.text {color:#348bcc;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#040b10
```
#040b10 rgb(4,11,16)
```
#081620
```
#081620 rgb(8,22,32)
```
#0c2130
```
#0c2130 rgb(12,33,48)
```
#102b40
```
#102b40 rgb(16,43,64)
```
#14364f
```
#14364f rgb(20,54,79)
```
#18405f
```
#18405f rgb(24,64,95)
```
#1c4b6f
```
#1c4b6f rgb(28,75,111)
```
#20567e
```
#20567e rgb(32,86,126)
```
#24608e
```
#24608e rgb(36,96,142)
```
#286b9e
```
#286b9e rgb(40,107,158)
```
#2c76ad
```
#2c76ad rgb(44,118,173)
```
#2f80bd
```
#2f80bd rgb(47,128,189)
```

Shade Color Variation

#348bcc
```
#348bcc rgb(52,139,204)
```
#4494d0
```
#4494d0 rgb(68,148,208)
```
#539dd4
```
#539dd4 rgb(83,157,212)
```
#63a6d8
```
#63a6d8 rgb(99,166,216)
```
#73afdc
```
#73afdc rgb(115,175,220)
```
#82b8e0
```
#82b8e0 rgb(130,184,224)
```
#92c1e4
```
#92c1e4 rgb(146,193,228)
```
#a2cae8
```
#a2cae8 rgb(162,202,232)
```
#b1d3ec
```
#b1d3ec rgb(177,211,236)
```
#c1dcef
```
#c1dcef rgb(193,220,239)
```
#d1e5f3
```
#d1e5f3 rgb(209,229,243)
```
#e0eef7
```
#e0eef7 rgb(224,238,247)
```
#f0f6fb
```
#f0f6fb rgb(240,246,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #788188 is the less saturated color, while #0392fd is the most saturated one.

#788188
```
#788188 rgb(120,129,136)
```
#6f8391
```
#6f8391 rgb(111,131,145)
```
#65849b
```
#65849b rgb(101,132,155)
```
#5b85a5
```
#5b85a5 rgb(91,133,165)
```
#5187af
```
#5187af rgb(81,135,175)
```
#4888b8
```
#4888b8 rgb(72,136,184)
```
#3e8ac2
```
#3e8ac2 rgb(62,138,194)
```
#348bcc
```
#348bcc rgb(52,139,204)
```
#2a8cd6
```
#2a8cd6 rgb(42,140,214)
```
#208ee0
```
#208ee0 rgb(32,142,224)
```
#178fe9
```
#178fe9 rgb(23,143,233)
```
#0d91f3
```
#0d91f3 rgb(13,145,243)
```
#0392fd
```
#0392fd rgb(3,146,253)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#6a7c89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7489c9 Protanopia 1% of men
#638bd0 Deuteranopia 1% of men
#0099a4 Tritanopia 0.001% of the population

Trichromacy

#5c8aca Protanomaly 1% of men, 0.01% of women
#528bcf Deuteranomaly 6% of men, 0.4% of women
#1294b2 Tritanomaly 0.01% of the population

#348bcc hex color

#348bcc Color Information

#348bcc Color Conversion

Color Schemes with #348bcc

Alternatives to #348bcc

#348bcc Preview

Shades and Tints of #348bcc

Tones of #348bcc

Color Blindness Simulator