#348bc1 hex color

In a RGB color space, hex #348bc1 is composed of 20.4% red, 54.5% green and 75.7% blue. Whereas in a CMYK color space, it is composed of 73.1% cyan, 28% magenta, 0% yellow and 24.3% black. It has a hue angle of 203 degrees, a saturation of 57.6% and a lightness of 48%. #348bc1 color hex could be obtained by blending #68ffff with #001783. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 20
- G 55
- B 76
RGB color chart
- C 73
- M 28
- Y 0
- K 24
CMYK color chart

● #348bc1 color description : Moderate blue.

The hexadecimal color #348bc1 has RGB values of R:52, G:139, B:193 and CMYK values of C:0.73, M:0.28, Y:0, K:0.24. Its decimal value is 3443649.

Hex triplet	348bc1	`#348bc1`
RGB Decimal	52, 139, 193	`rgb(52,139,193)`
RGB Percent	20.4, 54.5, 75.7	`rgb(20.4%,54.5%,75.7%)`
CMYK	73, 28, 0, 24
HSL	203°, 57.6, 48	`hsl(203,57.6%,48%)`
HSV (or HSB)	203°, 73.1, 75.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	55.118, -7.804, -35.526
XYZ	20.272, 23.044, 53.829
xyY	0.209, 0.237, 23.044
CIE-LCH	55.118, 36.373, 257.611
CIE-LUV	55.118, -31.594, -53.817
Hunter-Lab	48.004, -8.627, -32.881
Binary	00110100, 10001011, 11000001

#348bc1
```
#348bc1 rgb(52,139,193)
```
#c16a34
```
#c16a34 rgb(193,106,52)
```

Complementary Color

#34c1b1
```
#34c1b1 rgb(52,193,177)
```
#348bc1
```
#348bc1 rgb(52,139,193)
```
#3445c1
```
#3445c1 rgb(52,69,193)
```

Analogous Color

#c1b134
```
#c1b134 rgb(193,177,52)
```
#348bc1
```
#348bc1 rgb(52,139,193)
```
#c13445
```
#c13445 rgb(193,52,69)
```

Split Complementary Color

#8bc134
```
#8bc134 rgb(139,193,52)
```
#348bc1
```
#348bc1 rgb(52,139,193)
```
#c1348b
```
#c1348b rgb(193,52,139)
```

Triadic Color

#34c16a
```
#34c16a rgb(52,193,106)
```
#348bc1
```
#348bc1 rgb(52,139,193)
```
#c1348b
```
#c1348b rgb(193,52,139)
```
#c16a34
```
#c16a34 rgb(193,106,52)
```

Tetradic Color

#246085
```
#246085 rgb(36,96,133)
```
#296e99
```
#296e99 rgb(41,110,153)
```
#2f7dad
```
#2f7dad rgb(47,125,173)
```
#348bc1
```
#348bc1 rgb(52,139,193)
```
#4297cc
```
#4297cc rgb(66,151,204)
```
#56a2d2
```
#56a2d2 rgb(86,162,210)
```
#6badd7
```
#6badd7 rgb(107,173,215)
```

Monochromatic Color

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

#34aec1
```
#34aec1 rgb(52,174,193)
```
#34a3c1
```
#34a3c1 rgb(52,163,193)
```
#3497c1
```
#3497c1 rgb(52,151,193)
```
#348bc1
```
#348bc1 rgb(52,139,193)
```
#347fc1
```
#347fc1 rgb(52,127,193)
```
#3474c1
```
#3474c1 rgb(52,116,193)
```
#3468c1
```
#3468c1 rgb(52,104,193)
```

Similar Colors

Text with hexadecimal color #348bc1

This text has a font color of #348bc1.

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

#348bc1 background color

This paragraph has a background color of #348bc1.

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

#348bc1 border color

This element has a border color of #348bc1.

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

CSS codes

.text {color:#348bc1;}

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

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

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

#020508
```
#020508 rgb(2,5,8)
```
#061117
```
#061117 rgb(6,17,23)
```
#0a1c26
```
#0a1c26 rgb(10,28,38)
```
#0f2736
```
#0f2736 rgb(15,39,54)
```
#133245
```
#133245 rgb(19,50,69)
```
#173d55
```
#173d55 rgb(23,61,85)
```
#1b4864
```
#1b4864 rgb(27,72,100)
```
#1f5374
```
#1f5374 rgb(31,83,116)
```
#235e83
```
#235e83 rgb(35,94,131)
```
#286a93
```
#286a93 rgb(40,106,147)
```
#2c75a2
```
#2c75a2 rgb(44,117,162)
```
#3080b2
```
#3080b2 rgb(48,128,178)
```
#348bc1
```
#348bc1 rgb(52,139,193)
```

Shade Color Variation

#3e95cb
```
#3e95cb rgb(62,149,203)
```
#4d9dcf
```
#4d9dcf rgb(77,157,207)
```
#5da6d3
```
#5da6d3 rgb(93,166,211)
```
#6caed7
```
#6caed7 rgb(108,174,215)
```
#7cb7dc
```
#7cb7dc rgb(124,183,220)
```
#8bbfe0
```
#8bbfe0 rgb(139,191,224)
```
#9ac8e4
```
#9ac8e4 rgb(154,200,228)
```
#aad0e8
```
#aad0e8 rgb(170,208,232)
```
#b9d9ec
```
#b9d9ec rgb(185,217,236)
```
#c9e1f0
```
#c9e1f0 rgb(201,225,240)
```
#d8eaf5
```
#d8eaf5 rgb(216,234,245)
```
#e8f2f9
```
#e8f2f9 rgb(232,242,249)
```
#f7fbfd
```
#f7fbfd rgb(247,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #767c7f is the less saturated color, while #0596f0 is the most saturated one.

#767c7f
```
#767c7f rgb(118,124,127)
```
#6d7e88
```
#6d7e88 rgb(109,126,136)
```
#638092
```
#638092 rgb(99,128,146)
```
#5a829b
```
#5a829b rgb(90,130,155)
```
#5084a5
```
#5084a5 rgb(80,132,165)
```
#4787ae
```
#4787ae rgb(71,135,174)
```
#3d89b8
```
#3d89b8 rgb(61,137,184)
```
#348bc1
```
#348bc1 rgb(52,139,193)
```
#2b8dca
```
#2b8dca rgb(43,141,202)
```
#218fd4
```
#218fd4 rgb(33,143,212)
```
#1892dd
```
#1892dd rgb(24,146,221)
```
#0e94e7
```
#0e94e7 rgb(14,148,231)
```
#0596f0
```
#0596f0 rgb(5,150,240)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#6a7b86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7888be Protanopia 1% of men
#6c89c7 Deuteranopia 1% of men
#0b97a2 Tritanopia 0.001% of the population

Trichromacy

#5f89bf Protanomaly 1% of men, 0.01% of women
#578ac4 Deuteranomaly 6% of men, 0.4% of women
#1993ad Tritanomaly 0.01% of the population

#348bc1 hex color

#348bc1 Color Information

#348bc1 Color Conversion

Color Schemes with #348bc1

Alternatives to #348bc1

#348bc1 Preview

Shades and Tints of #348bc1

Tones of #348bc1

Color Blindness Simulator