#348cde hex color

In a RGB color space, hex #348cde is composed of 20.4% red, 54.9% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 76.6% cyan, 36.9% magenta, 0% yellow and 12.9% black. It has a hue angle of 208.9 degrees, a saturation of 72% and a lightness of 53.7%. #348cde color hex could be obtained by blending #68ffff with #0019bd. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 20
- G 55
- B 87
RGB color chart
- C 77
- M 37
- Y 0
- K 13
CMYK color chart

● #348cde color description : Bright blue.

The hexadecimal color #348cde has RGB values of R:52, G:140, B:222 and CMYK values of C:0.77, M:0.37, Y:0, K:0.13. Its decimal value is 3443934.

Hex triplet	348cde	`#348cde`
RGB Decimal	52, 140, 222	`rgb(52,140,222)`
RGB Percent	20.4, 54.9, 87.1	`rgb(20.4%,54.9%,87.1%)`
CMYK	77, 37, 0, 13
HSL	208.9°, 72, 53.7	`hsl(208.9,72%,53.7%)`
HSV (or HSB)	208.9°, 76.6, 87.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	56.839, 1.963, -49.155
XYZ	23.976, 24.758, 72.618
xyY	0.198, 0.204, 24.758
CIE-LCH	56.839, 49.195, 272.286
CIE-LUV	56.839, -30.622, -77.556
Hunter-Lab	49.758, -1.065, -51.7
Binary	00110100, 10001100, 11011110

#348cde
```
#348cde rgb(52,140,222)
```
#de8634
```
#de8634 rgb(222,134,52)
```

Complementary Color

#34dedb
```
#34dedb rgb(52,222,219)
```
#348cde
```
#348cde rgb(52,140,222)
```
#3437de
```
#3437de rgb(52,55,222)
```

Analogous Color

#dedb34
```
#dedb34 rgb(222,219,52)
```
#348cde
```
#348cde rgb(52,140,222)
```
#de3437
```
#de3437 rgb(222,52,55)
```

Split Complementary Color

#8cde34
```
#8cde34 rgb(140,222,52)
```
#348cde
```
#348cde rgb(52,140,222)
```
#de348c
```
#de348c rgb(222,52,140)
```

Triadic Color

#34de86
```
#34de86 rgb(52,222,134)
```
#348cde
```
#348cde rgb(52,140,222)
```
#de348c
```
#de348c rgb(222,52,140)
```
#de8634
```
#de8634 rgb(222,134,52)
```

Tetradic Color

#1c65aa
```
#1c65aa rgb(28,101,170)
```
#1f72c0
```
#1f72c0 rgb(31,114,192)
```
#237fd6
```
#237fd6 rgb(35,127,214)
```
#348cde
```
#348cde rgb(52,140,222)
```
#4a98e2
```
#4a98e2 rgb(74,152,226)
```
#60a5e5
```
#60a5e5 rgb(96,165,229)
```
#76b1e9
```
#76b1e9 rgb(118,177,233)
```

Monochromatic Color

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

#34b7de
```
#34b7de rgb(52,183,222)
```
#34a8de
```
#34a8de rgb(52,168,222)
```
#349ade
```
#349ade rgb(52,154,222)
```
#348cde
```
#348cde rgb(52,140,222)
```
#347ede
```
#347ede rgb(52,126,222)
```
#3470de
```
#3470de rgb(52,112,222)
```
#3462de
```
#3462de rgb(52,98,222)
```

Similar Colors

Text with hexadecimal color #348cde

This text has a font color of #348cde.

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

#348cde background color

This paragraph has a background color of #348cde.

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

#348cde border color

This element has a border color of #348cde.

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

CSS codes

.text {color:#348cde;}

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

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

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, #030a10 is the darkest color, while #feffff is the lightest one.

#030a10
```
#030a10 rgb(3,10,16)
```
#051421
```
#051421 rgb(5,20,33)
```
#081e32
```
#081e32 rgb(8,30,50)
```
#0b2843
```
#0b2843 rgb(11,40,67)
```
#0e3254
```
#0e3254 rgb(14,50,84)
```
#103c65
```
#103c65 rgb(16,60,101)
```
#134676
```
#134676 rgb(19,70,118)
```
#165086
```
#165086 rgb(22,80,134)
```
#195a97
```
#195a97 rgb(25,90,151)
```
#1b64a8
```
#1b64a8 rgb(27,100,168)
```
#1e6eb9
```
#1e6eb9 rgb(30,110,185)
```
#2178ca
```
#2178ca rgb(33,120,202)
```
#2482db
```
#2482db rgb(36,130,219)
```

Shade Color Variation

#348cde
```
#348cde rgb(52,140,222)
```
#4596e1
```
#4596e1 rgb(69,150,225)
```
#569fe3
```
#569fe3 rgb(86,159,227)
```
#67a9e6
```
#67a9e6 rgb(103,169,230)
```
#77b2e9
```
#77b2e9 rgb(119,178,233)
```
#88bcec
```
#88bcec rgb(136,188,236)
```
#99c5ee
```
#99c5ee rgb(153,197,238)
```
#aacff1
```
#aacff1 rgb(170,207,241)
```
#bbd8f4
```
#bbd8f4 rgb(187,216,244)
```
#cce2f7
```
#cce2f7 rgb(204,226,247)
```
#ddecf9
```
#ddecf9 rgb(221,236,249)
```
#eef5fc
```
#eef5fc rgb(238,245,252)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #86898c is the less saturated color, while #198df9 is the most saturated one.

#86898c
```
#86898c rgb(134,137,140)
```
#7d8995
```
#7d8995 rgb(125,137,149)
```
#748a9e
```
#748a9e rgb(116,138,158)
```
#6a8aa8
```
#6a8aa8 rgb(106,138,168)
```
#618ab1
```
#618ab1 rgb(97,138,177)
```
#588bba
```
#588bba rgb(88,139,186)
```
#4f8bc3
```
#4f8bc3 rgb(79,139,195)
```
#468bcc
```
#468bcc rgb(70,139,204)
```
#3d8cd5
```
#3d8cd5 rgb(61,140,213)
```
#348cde
```
#348cde rgb(52,140,222)
```
#2b8ce7
```
#2b8ce7 rgb(43,140,231)
```
#228df0
```
#228df0 rgb(34,141,240)
```
#198df9
```
#198df9 rgb(25,141,249)
```

Tone Color Variation

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

Dichromacy

#6d8bda Protanopia 1% of men
#538fe0 Deuteranopia 1% of men
#009ca7 Tritanopia 0.001% of the population

Trichromacy

#588bdc Protanomaly 1% of men, 0.01% of women
#478edf Deuteranomaly 6% of men, 0.4% of women
#1296bb Tritanomaly 0.01% of the population

#348cde hex color

#348cde Color Information

#348cde Color Conversion

Color Schemes with #348cde

Alternatives to #348cde

#348cde Preview

Shades and Tints of #348cde

Tones of #348cde

Color Blindness Simulator