#348dbb hex color

In a RGB color space, hex #348dbb is composed of 20.4% red, 55.3% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 72.2% cyan, 24.6% magenta, 0% yellow and 26.7% black. It has a hue angle of 200.4 degrees, a saturation of 56.5% and a lightness of 46.9%. #348dbb color hex could be obtained by blending #68ffff with #001b77. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 20
- G 55
- B 73
RGB color chart
- C 72
- M 25
- Y 0
- K 27
CMYK color chart

● #348dbb color description : Moderate blue.

The hexadecimal color #348dbb has RGB values of R:52, G:141, B:187 and CMYK values of C:0.72, M:0.25, Y:0, K:0.27. Its decimal value is 3444155.

Hex triplet	348dbb	`#348dbb`
RGB Decimal	52, 141, 187	`rgb(52,141,187)`
RGB Percent	20.4, 55.3, 73.3	`rgb(20.4%,55.3%,73.3%)`
CMYK	72, 25, 0, 27
HSL	200.4°, 56.5, 46.9	`hsl(200.4,56.5%,46.9%)`
HSV (or HSB)	200.4°, 72.2, 73.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	55.447, -11.022, -31.599
XYZ	19.908, 23.366, 50.472
xyY	0.212, 0.249, 23.366
CIE-LCH	55.447, 33.466, 250.77
CIE-LUV	55.447, -32.603, -47.091
Hunter-Lab	48.338, -11.076, -28.07
Binary	00110100, 10001101, 10111011

#348dbb
```
#348dbb rgb(52,141,187)
```
#bb6234
```
#bb6234 rgb(187,98,52)
```

Complementary Color

#34bba6
```
#34bba6 rgb(52,187,166)
```
#348dbb
```
#348dbb rgb(52,141,187)
```
#344abb
```
#344abb rgb(52,74,187)
```

Analogous Color

#bba634
```
#bba634 rgb(187,166,52)
```
#348dbb
```
#348dbb rgb(52,141,187)
```
#bb344a
```
#bb344a rgb(187,52,74)
```

Split Complementary Color

#8dbb34
```
#8dbb34 rgb(141,187,52)
```
#348dbb
```
#348dbb rgb(52,141,187)
```
#bb348d
```
#bb348d rgb(187,52,141)
```

Triadic Color

#34bb62
```
#34bb62 rgb(52,187,98)
```
#348dbb
```
#348dbb rgb(52,141,187)
```
#bb348d
```
#bb348d rgb(187,52,141)
```
#bb6234
```
#bb6234 rgb(187,98,52)
```

Tetradic Color

#23607f
```
#23607f rgb(35,96,127)
```
#296f93
```
#296f93 rgb(41,111,147)
```
#2e7ea7
```
#2e7ea7 rgb(46,126,167)
```
#348dbb
```
#348dbb rgb(52,141,187)
```
#3f9aca
```
#3f9aca rgb(63,154,202)
```
#53a5cf
```
#53a5cf rgb(83,165,207)
```
#67afd5
```
#67afd5 rgb(103,175,213)
```

Monochromatic Color

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

#34afbb
```
#34afbb rgb(52,175,187)
```
#34a4bb
```
#34a4bb rgb(52,164,187)
```
#3498bb
```
#3498bb rgb(52,152,187)
```
#348dbb
```
#348dbb rgb(52,141,187)
```
#3482bb
```
#3482bb rgb(52,130,187)
```
#3477bb
```
#3477bb rgb(52,119,187)
```
#346bbb
```
#346bbb rgb(52,107,187)
```

Similar Colors

Text with hexadecimal color #348dbb

This text has a font color of #348dbb.

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

#348dbb background color

This paragraph has a background color of #348dbb.

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

#348dbb border color

This element has a border color of #348dbb.

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

CSS codes

.text {color:#348dbb;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#050e12
```
#050e12 rgb(5,14,18)
```
#091922
```
#091922 rgb(9,25,34)
```
#0e2531
```
#0e2531 rgb(14,37,49)
```
#123040
```
#123040 rgb(18,48,64)
```
#163c50
```
#163c50 rgb(22,60,80)
```
#1a485f
```
#1a485f rgb(26,72,95)
```
#1f536e
```
#1f536e rgb(31,83,110)
```
#235f7e
```
#235f7e rgb(35,95,126)
```
#276a8d
```
#276a8d rgb(39,106,141)
```
#2b769c
```
#2b769c rgb(43,118,156)
```
#3081ac
```
#3081ac rgb(48,129,172)
```
#348dbb
```
#348dbb rgb(52,141,187)
```

Shade Color Variation

#3a98c8
```
#3a98c8 rgb(58,152,200)
```
#4aa0cd
```
#4aa0cd rgb(74,160,205)
```
#59a8d1
```
#59a8d1 rgb(89,168,209)
```
#68b0d5
```
#68b0d5 rgb(104,176,213)
```
#78b8d9
```
#78b8d9 rgb(120,184,217)
```
#87c0de
```
#87c0de rgb(135,192,222)
```
#96c8e2
```
#96c8e2 rgb(150,200,226)
```
#a6d0e6
```
#a6d0e6 rgb(166,208,230)
```
#b5d8ea
```
#b5d8ea rgb(181,216,234)
```
#c4e0ef
```
#c4e0ef rgb(196,224,239)
```
#d4e8f3
```
#d4e8f3 rgb(212,232,243)
```
#e3f0f7
```
#e3f0f7 rgb(227,240,247)
```
#f2f8fc
```
#f2f8fc rgb(242,248,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #74797b is the less saturated color, while #069ce9 is the most saturated one.

#74797b
```
#74797b rgb(116,121,123)
```
#6b7b84
```
#6b7b84 rgb(107,123,132)
```
#627e8d
```
#627e8d rgb(98,126,141)
```
#598196
```
#598196 rgb(89,129,150)
```
#50849f
```
#50849f rgb(80,132,159)
```
#4687a9
```
#4687a9 rgb(70,135,169)
```
#3d8ab2
```
#3d8ab2 rgb(61,138,178)
```
#348dbb
```
#348dbb rgb(52,141,187)
```
#2b90c4
```
#2b90c4 rgb(43,144,196)
```
#2293cd
```
#2293cd rgb(34,147,205)
```
#1896d7
```
#1896d7 rgb(24,150,215)
```
#0f99e0
```
#0f99e0 rgb(15,153,224)
```
#069ce9
```
#069ce9 rgb(6,156,233)
```

Tone Color Variation

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

Dichromacy

#7c89b7 Protanopia 1% of men
#738ac2 Deuteranopia 1% of men
#2098a3 Tritanopia 0.001% of the population

Trichromacy

#628ab9 Protanomaly 1% of men, 0.01% of women
#5c8bbf Deuteranomaly 6% of men, 0.4% of women
#2794ab Tritanomaly 0.01% of the population

#348dbb hex color

#348dbb Color Information

#348dbb Color Conversion

Color Schemes with #348dbb

Alternatives to #348dbb

#348dbb Preview

Shades and Tints of #348dbb

Tones of #348dbb

Color Blindness Simulator