#348ecd hex color

In a RGB color space, hex #348ecd is composed of 20.4% red, 55.7% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 74.6% cyan, 30.7% magenta, 0% yellow and 19.6% black. It has a hue angle of 204.7 degrees, a saturation of 60.5% and a lightness of 50.4%. #348ecd color hex could be obtained by blending #68ffff with #001d9b. Closest websafe color is: #3399cc.

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

● #348ecd color description : Moderate blue.

The hexadecimal color #348ecd has RGB values of R:52, G:142, B:205 and CMYK values of C:0.75, M:0.31, Y:0, K:0.2. Its decimal value is 3444429.

Hex triplet	348ecd	`#348ecd`
RGB Decimal	52, 142, 205	`rgb(52,142,205)`
RGB Percent	20.4, 55.7, 80.4	`rgb(20.4%,55.7%,80.4%)`
CMYK	75, 31, 0, 20
HSL	204.7°, 60.5, 50.4	`hsl(204.7,60.5%,50.4%)`
HSV (or HSB)	204.7°, 74.6, 80.4
Web Safe	3399cc	`#3399cc`

CIE-LAB	56.567, -5.303, -40.042
XYZ	22.106, 24.482, 61.315
xyY	0.205, 0.227, 24.482
CIE-LCH	56.567, 40.391, 262.456
CIE-LUV	56.567, -32.061, -61.764
Hunter-Lab	49.479, -6.84, -38.837
Binary	00110100, 10001110, 11001101

#348ecd
```
#348ecd rgb(52,142,205)
```
#cd7334
```
#cd7334 rgb(205,115,52)
```

Complementary Color

#34cdc0
```
#34cdc0 rgb(52,205,192)
```
#348ecd
```
#348ecd rgb(52,142,205)
```
#3442cd
```
#3442cd rgb(52,66,205)
```

Analogous Color

#cdc034
```
#cdc034 rgb(205,192,52)
```
#348ecd
```
#348ecd rgb(52,142,205)
```
#cd3442
```
#cd3442 rgb(205,52,66)
```

Split Complementary Color

#8ecd34
```
#8ecd34 rgb(142,205,52)
```
#348ecd
```
#348ecd rgb(52,142,205)
```
#cd348e
```
#cd348e rgb(205,52,142)
```

Triadic Color

#34cd73
```
#34cd73 rgb(52,205,115)
```
#348ecd
```
#348ecd rgb(52,142,205)
```
#cd348e
```
#cd348e rgb(205,52,142)
```
#cd7334
```
#cd7334 rgb(205,115,52)
```

Tetradic Color

#246491
```
#246491 rgb(36,100,145)
```
#2972a5
```
#2972a5 rgb(41,114,165)
```
#2e80ba
```
#2e80ba rgb(46,128,186)
```
#348ecd
```
#348ecd rgb(52,142,205)
```
#4899d2
```
#4899d2 rgb(72,153,210)
```
#5da5d7
```
#5da5d7 rgb(93,165,215)
```
#71b0dc
```
#71b0dc rgb(113,176,220)
```

Monochromatic Color

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

#34b4cd
```
#34b4cd rgb(52,180,205)
```
#34a8cd
```
#34a8cd rgb(52,168,205)
```
#349bcd
```
#349bcd rgb(52,155,205)
```
#348ecd
```
#348ecd rgb(52,142,205)
```
#3481cd
```
#3481cd rgb(52,129,205)
```
#3475cd
```
#3475cd rgb(52,117,205)
```
#3468cd
```
#3468cd rgb(52,104,205)
```

Similar Colors

Text with hexadecimal color #348ecd

This text has a font color of #348ecd.

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

#348ecd background color

This paragraph has a background color of #348ecd.

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

#348ecd border color

This element has a border color of #348ecd.

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

CSS codes

.text {color:#348ecd;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#040c11
```
#040c11 rgb(4,12,17)
```
#081721
```
#081721 rgb(8,23,33)
```
#0c2231
```
#0c2231 rgb(12,34,49)
```
#102d41
```
#102d41 rgb(16,45,65)
```
#143750
```
#143750 rgb(20,55,80)
```
#184260
```
#184260 rgb(24,66,96)
```
#1c4d70
```
#1c4d70 rgb(28,77,112)
```
#1f5880
```
#1f5880 rgb(31,88,128)
```
#23638f
```
#23638f rgb(35,99,143)
```
#276e9f
```
#276e9f rgb(39,110,159)
```
#2b79af
```
#2b79af rgb(43,121,175)
```
#2f83be
```
#2f83be rgb(47,131,190)
```

Shade Color Variation

#348ecd
```
#348ecd rgb(52,142,205)
```
#4497d1
```
#4497d1 rgb(68,151,209)
```
#53a0d5
```
#53a0d5 rgb(83,160,213)
```
#63a8d9
```
#63a8d9 rgb(99,168,217)
```
#73b1dd
```
#73b1dd rgb(115,177,221)
```
#83bae0
```
#83bae0 rgb(131,186,224)
```
#92c3e4
```
#92c3e4 rgb(146,195,228)
```
#a2cbe8
```
#a2cbe8 rgb(162,203,232)
```
#b2d4ec
```
#b2d4ec rgb(178,212,236)
```
#c2ddf0
```
#c2ddf0 rgb(194,221,240)
```
#d1e6f4
```
#d1e6f4 rgb(209,230,244)
```
#e1eef8
```
#e1eef8 rgb(225,238,248)
```
#f1f7fc
```
#f1f7fc rgb(241,247,252)
```

Tint Color Variation

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

#788289
```
#788289 rgb(120,130,137)
```
#6e8493
```
#6e8493 rgb(110,132,147)
```
#65859c
```
#65859c rgb(101,133,156)
```
#5b87a6
```
#5b87a6 rgb(91,135,166)
```
#5189b0
```
#5189b0 rgb(81,137,176)
```
#478bba
```
#478bba rgb(71,139,186)
```
#3e8cc3
```
#3e8cc3 rgb(62,140,195)
```
#348ecd
```
#348ecd rgb(52,142,205)
```
#2a90d7
```
#2a90d7 rgb(42,144,215)
```
#2191e0
```
#2191e0 rgb(33,145,224)
```
#1793ea
```
#1793ea rgb(23,147,234)
```
#0d95f4
```
#0d95f4 rgb(13,149,244)
```
#0397fe
```
#0397fe rgb(3,151,254)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#6c7e8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#778bc9 Protanopia 1% of men
#688dd2 Deuteranopia 1% of men
#009ba6 Tritanopia 0.001% of the population

Trichromacy

#5f8cca Protanomaly 1% of men, 0.01% of women
#558dd0 Deuteranomaly 6% of men, 0.4% of women
#1296b4 Tritanomaly 0.01% of the population

#348ecd hex color

#348ecd Color Information

#348ecd Color Conversion

Color Schemes with #348ecd

Alternatives to #348ecd

#348ecd Preview

Shades and Tints of #348ecd

Tones of #348ecd

Color Blindness Simulator