#348bce hex color

In a RGB color space, hex #348bce is composed of 20.4% red, 54.5% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 74.8% cyan, 32.5% magenta, 0% yellow and 19.2% black. It has a hue angle of 206.1 degrees, a saturation of 61.1% and a lightness of 50.6%. #348bce color hex could be obtained by blending #68ffff with #00179d. Closest websafe color is: #3399cc.

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

● #348bce color description : Moderate blue.

The hexadecimal color #348bce has RGB values of R:52, G:139, B:206 and CMYK values of C:0.75, M:0.33, Y:0, K:0.19. Its decimal value is 3443662.

Hex triplet	348bce	`#348bce`
RGB Decimal	52, 139, 206	`rgb(52,139,206)`
RGB Percent	20.4, 54.5, 80.8	`rgb(20.4%,54.5%,80.8%)`
CMYK	75, 33, 0, 19
HSL	206.1°, 61.1, 50.6	`hsl(206.1,61.1%,50.6%)`
HSV (or HSB)	206.1°, 74.8, 80.8
Web Safe	3399cc	`#3399cc`

CIE-LAB	55.735, -3.205, -41.915
XYZ	21.787, 23.65, 61.806
xyY	0.203, 0.221, 23.65
CIE-LCH	55.735, 42.038, 265.628
CIE-LUV	55.735, -30.983, -64.899
Hunter-Lab	48.631, -5.136, -41.311
Binary	00110100, 10001011, 11001110

#348bce
```
#348bce rgb(52,139,206)
```
#ce7734
```
#ce7734 rgb(206,119,52)
```

Complementary Color

#34cec4
```
#34cec4 rgb(52,206,196)
```
#348bce
```
#348bce rgb(52,139,206)
```
#343ece
```
#343ece rgb(52,62,206)
```

Analogous Color

#cec434
```
#cec434 rgb(206,196,52)
```
#348bce
```
#348bce rgb(52,139,206)
```
#ce343e
```
#ce343e rgb(206,52,62)
```

Split Complementary Color

#8bce34
```
#8bce34 rgb(139,206,52)
```
#348bce
```
#348bce rgb(52,139,206)
```
#ce348b
```
#ce348b rgb(206,52,139)
```

Triadic Color

#34ce77
```
#34ce77 rgb(52,206,119)
```
#348bce
```
#348bce rgb(52,139,206)
```
#ce348b
```
#ce348b rgb(206,52,139)
```
#ce7734
```
#ce7734 rgb(206,119,52)
```

Tetradic Color

#236292
```
#236292 rgb(35,98,146)
```
#2870a7
```
#2870a7 rgb(40,112,167)
```
#2d7dbb
```
#2d7dbb rgb(45,125,187)
```
#348bce
```
#348bce rgb(52,139,206)
```
#4997d3
```
#4997d3 rgb(73,151,211)
```
#5da2d8
```
#5da2d8 rgb(93,162,216)
```
#72aedd
```
#72aedd rgb(114,174,221)
```

Monochromatic Color

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

#34b2ce
```
#34b2ce rgb(52,178,206)
```
#34a5ce
```
#34a5ce rgb(52,165,206)
```
#3498ce
```
#3498ce rgb(52,152,206)
```
#348bce
```
#348bce rgb(52,139,206)
```
#347ece
```
#347ece rgb(52,126,206)
```
#3471ce
```
#3471ce rgb(52,113,206)
```
#3465ce
```
#3465ce rgb(52,101,206)
```

Similar Colors

Text with hexadecimal color #348bce

This text has a font color of #348bce.

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

#348bce background color

This paragraph has a background color of #348bce.

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

#348bce border color

This element has a border color of #348bce.

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

CSS codes

.text {color:#348bce;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#040c12
```
#040c12 rgb(4,12,18)
```
#081722
```
#081722 rgb(8,23,34)
```
#0c2132
```
#0c2132 rgb(12,33,50)
```
#102c42
```
#102c42 rgb(16,44,66)
```
#143751
```
#143751 rgb(20,55,81)
```
#174161
```
#174161 rgb(23,65,97)
```
#1b4c71
```
#1b4c71 rgb(27,76,113)
```
#1f5681
```
#1f5681 rgb(31,86,129)
```
#236191
```
#236191 rgb(35,97,145)
```
#276ba0
```
#276ba0 rgb(39,107,160)
```
#2b76b0
```
#2b76b0 rgb(43,118,176)
```
#2e81c0
```
#2e81c0 rgb(46,129,192)
```

Shade Color Variation

#348bce
```
#348bce rgb(52,139,206)
```
#4494d2
```
#4494d2 rgb(68,148,210)
```
#549dd6
```
#549dd6 rgb(84,157,214)
```
#63a6d9
```
#63a6d9 rgb(99,166,217)
```
#73afdd
```
#73afdd rgb(115,175,221)
```
#83b8e1
```
#83b8e1 rgb(131,184,225)
```
#93c1e5
```
#93c1e5 rgb(147,193,229)
```
#a3cae9
```
#a3cae9 rgb(163,202,233)
```
#b2d3ed
```
#b2d3ed rgb(178,211,237)
```
#c2dcf0
```
#c2dcf0 rgb(194,220,240)
```
#d2e5f4
```
#d2e5f4 rgb(210,229,244)
```
#e2eef8
```
#e2eef8 rgb(226,238,248)
```
#f2f7fc
```
#f2f7fc rgb(242,247,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #78828a is the less saturated color, while #0491fe is the most saturated one.

#78828a
```
#78828a rgb(120,130,138)
```
#6e8394
```
#6e8394 rgb(110,131,148)
```
#64859e
```
#64859e rgb(100,133,158)
```
#5b86a7
```
#5b86a7 rgb(91,134,167)
```
#5187b1
```
#5187b1 rgb(81,135,177)
```
#4788bb
```
#4788bb rgb(71,136,187)
```
#3e8ac4
```
#3e8ac4 rgb(62,138,196)
```
#348bce
```
#348bce rgb(52,139,206)
```
#2a8cd8
```
#2a8cd8 rgb(42,140,216)
```
#218ee1
```
#218ee1 rgb(33,142,225)
```
#178feb
```
#178feb rgb(23,143,235)
```
#0d90f5
```
#0d90f5 rgb(13,144,245)
```
#0491fe
```
#0491fe rgb(4,145,254)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#6b7d8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7389ca Protanopia 1% of men
#618bd2 Deuteranopia 1% of men
#0099a4 Tritanopia 0.001% of the population

Trichromacy

#5c8acc Protanomaly 1% of men, 0.01% of women
#518bd0 Deuteranomaly 6% of men, 0.4% of women
#1294b3 Tritanomaly 0.01% of the population

#348bce hex color

#348bce Color Information

#348bce Color Conversion

Color Schemes with #348bce

Alternatives to #348bce

#348bce Preview

Shades and Tints of #348bce

Tones of #348bce

Color Blindness Simulator