#348ed3 hex color

In a RGB color space, hex #348ed3 is composed of 20.4% red, 55.7% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 75.4% cyan, 32.7% magenta, 0% yellow and 17.3% black. It has a hue angle of 206 degrees, a saturation of 64.4% and a lightness of 51.6%. #348ed3 color hex could be obtained by blending #68ffff with #001da7. Closest websafe color is: #3399cc.

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

● #348ed3 color description : Strong blue.

The hexadecimal color #348ed3 has RGB values of R:52, G:142, B:211 and CMYK values of C:0.75, M:0.33, Y:0, K:0.17. Its decimal value is 3444435.

Hex triplet	348ed3	`#348ed3`
RGB Decimal	52, 142, 211	`rgb(52,142,211)`
RGB Percent	20.4, 55.7, 82.7	`rgb(20.4%,55.7%,82.7%)`
CMYK	75, 33, 0, 17
HSL	206°, 64.4, 51.6	`hsl(206,64.4%,51.6%)`
HSV (or HSB)	206°, 75.4, 82.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	56.858, -3.17, -42.96
XYZ	22.844, 24.777, 65.203
xyY	0.202, 0.22, 24.777
CIE-LCH	56.858, 43.077, 265.78
CIE-LUV	56.858, -31.779, -66.856
Hunter-Lab	49.777, -5.19, -42.821
Binary	00110100, 10001110, 11010011

#348ed3
```
#348ed3 rgb(52,142,211)
```
#d37934
```
#d37934 rgb(211,121,52)
```

Complementary Color

#34d3c9
```
#34d3c9 rgb(52,211,201)
```
#348ed3
```
#348ed3 rgb(52,142,211)
```
#343fd3
```
#343fd3 rgb(52,63,211)
```

Analogous Color

#d3c934
```
#d3c934 rgb(211,201,52)
```
#348ed3
```
#348ed3 rgb(52,142,211)
```
#d3343f
```
#d3343f rgb(211,52,63)
```

Split Complementary Color

#8ed334
```
#8ed334 rgb(142,211,52)
```
#348ed3
```
#348ed3 rgb(52,142,211)
```
#d3348e
```
#d3348e rgb(211,52,142)
```

Triadic Color

#34d379
```
#34d379 rgb(52,211,121)
```
#348ed3
```
#348ed3 rgb(52,142,211)
```
#d3348e
```
#d3348e rgb(211,52,142)
```
#d37934
```
#d37934 rgb(211,121,52)
```

Tetradic Color

#216599
```
#216599 rgb(33,101,153)
```
#2673ae
```
#2673ae rgb(38,115,174)
```
#2a81c3
```
#2a81c3 rgb(42,129,195)
```
#348ed3
```
#348ed3 rgb(52,142,211)
```
#499ad8
```
#499ad8 rgb(73,154,216)
```
#5ea5dc
```
#5ea5dc rgb(94,165,220)
```
#73b1e1
```
#73b1e1 rgb(115,177,225)
```

Monochromatic Color

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

#34b6d3
```
#34b6d3 rgb(52,182,211)
```
#34a9d3
```
#34a9d3 rgb(52,169,211)
```
#349bd3
```
#349bd3 rgb(52,155,211)
```
#348ed3
```
#348ed3 rgb(52,142,211)
```
#3481d3
```
#3481d3 rgb(52,129,211)
```
#3474d3
```
#3474d3 rgb(52,116,211)
```
#3466d3
```
#3466d3 rgb(52,102,211)
```

Similar Colors

Text with hexadecimal color #348ed3

This text has a font color of #348ed3.

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

#348ed3 background color

This paragraph has a background color of #348ed3.

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

#348ed3 border color

This element has a border color of #348ed3.

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

CSS codes

.text {color:#348ed3;}

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

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

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

#010407
```
#010407 rgb(1,4,7)
```
#050f17
```
#050f17 rgb(5,15,23)
```
#081a27
```
#081a27 rgb(8,26,39)
```
#0c2437
```
#0c2437 rgb(12,36,55)
```
#0f2f47
```
#0f2f47 rgb(15,47,71)
```
#133a57
```
#133a57 rgb(19,58,87)
```
#164467
```
#164467 rgb(22,68,103)
```
#1a4f77
```
#1a4f77 rgb(26,79,119)
```
#1d5988
```
#1d5988 rgb(29,89,136)
```
#216498
```
#216498 rgb(33,100,152)
```
#246fa8
```
#246fa8 rgb(36,111,168)
```
#2879b8
```
#2879b8 rgb(40,121,184)
```
#2b84c8
```
#2b84c8 rgb(43,132,200)
```

Shade Color Variation

#348ed3
```
#348ed3 rgb(52,142,211)
```
#4497d6
```
#4497d6 rgb(68,151,214)
```
#54a0da
```
#54a0da rgb(84,160,218)
```
#64a9dd
```
#64a9dd rgb(100,169,221)
```
#74b2e1
```
#74b2e1 rgb(116,178,225)
```
#85bbe4
```
#85bbe4 rgb(133,187,228)
```
#95c4e8
```
#95c4e8 rgb(149,196,232)
```
#a5cdeb
```
#a5cdeb rgb(165,205,235)
```
#b5d6ef
```
#b5d6ef rgb(181,214,239)
```
#c5dff2
```
#c5dff2 rgb(197,223,242)
```
#d5e8f6
```
#d5e8f6 rgb(213,232,246)
```
#e5f1f9
```
#e5f1f9 rgb(229,241,249)
```
#f5fafd
```
#f5fafd rgb(245,250,253)
```

Tint Color Variation

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

#808487
```
#808487 rgb(128,132,135)
```
#778591
```
#778591 rgb(119,133,145)
```
#6d869a
```
#6d869a rgb(109,134,154)
```
#6488a4
```
#6488a4 rgb(100,136,164)
```
#5a89ad
```
#5a89ad rgb(90,137,173)
```
#518ab7
```
#518ab7 rgb(81,138,183)
```
#478bc0
```
#478bc0 rgb(71,139,192)
```
#3e8dca
```
#3e8dca rgb(62,141,202)
```
#348ed3
```
#348ed3 rgb(52,142,211)
```
#2b8fdd
```
#2b8fdd rgb(43,143,221)
```
#2191e6
```
#2191e6 rgb(33,145,230)
```
#1892f0
```
#1892f0 rgb(24,146,240)
```
#0e93f9
```
#0e93f9 rgb(14,147,249)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#6d7f8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#758ccf Protanopia 1% of men
#628ed7 Deuteranopia 1% of men
#009ca7 Tritanopia 0.001% of the population

Trichromacy

#5d8cd0 Protanomaly 1% of men, 0.01% of women
#518ed5 Deuteranomaly 6% of men, 0.4% of women
#1297b7 Tritanomaly 0.01% of the population

#348ed3 hex color

#348ed3 Color Information

#348ed3 Color Conversion

Color Schemes with #348ed3

Alternatives to #348ed3

#348ed3 Preview

Shades and Tints of #348ed3

Tones of #348ed3

Color Blindness Simulator