#349cc8 hex color

In a RGB color space, hex #349cc8 is composed of 20.4% red, 61.2% green and 78.4% blue. Whereas in a CMYK color space, it is composed of 74% cyan, 22% magenta, 0% yellow and 21.6% black. It has a hue angle of 197.8 degrees, a saturation of 58.7% and a lightness of 49.4%. #349cc8 color hex could be obtained by blending #68ffff with #003991. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 20
- G 61
- B 78
RGB color chart
- C 74
- M 22
- Y 0
- K 22
CMYK color chart

● #349cc8 color description : Moderate blue.

The hexadecimal color #349cc8 has RGB values of R:52, G:156, B:200 and CMYK values of C:0.74, M:0.22, Y:0, K:0.22. Its decimal value is 3448008.

Hex triplet	349cc8	`#349cc8`
RGB Decimal	52, 156, 200	`rgb(52,156,200)`
RGB Percent	20.4, 61.2, 78.4	`rgb(20.4%,61.2%,78.4%)`
CMYK	74, 22, 0, 22
HSL	197.8°, 58.7, 49.4	`hsl(197.8,58.7%,49.4%)`
HSV (or HSB)	197.8°, 74, 78.4
Web Safe	3399cc	`#3399cc`

CIE-LAB	60.494, -14.887, -31.097
XYZ	23.727, 28.675, 58.925
xyY	0.213, 0.258, 28.675
CIE-LCH	60.494, 34.477, 244.419
CIE-LUV	60.494, -37.229, -46.477
Hunter-Lab	53.549, -14.619, -27.758
Binary	00110100, 10011100, 11001000

#349cc8
```
#349cc8 rgb(52,156,200)
```
#c86034
```
#c86034 rgb(200,96,52)
```

Complementary Color

#34c8aa
```
#34c8aa rgb(52,200,170)
```
#349cc8
```
#349cc8 rgb(52,156,200)
```
#3452c8
```
#3452c8 rgb(52,82,200)
```

Analogous Color

#c8aa34
```
#c8aa34 rgb(200,170,52)
```
#349cc8
```
#349cc8 rgb(52,156,200)
```
#c83452
```
#c83452 rgb(200,52,82)
```

Split Complementary Color

#9cc834
```
#9cc834 rgb(156,200,52)
```
#349cc8
```
#349cc8 rgb(52,156,200)
```
#c8349c
```
#c8349c rgb(200,52,156)
```

Triadic Color

#34c860
```
#34c860 rgb(52,200,96)
```
#349cc8
```
#349cc8 rgb(52,156,200)
```
#c8349c
```
#c8349c rgb(200,52,156)
```
#c86034
```
#c86034 rgb(200,96,52)
```

Tetradic Color

#246d8b
```
#246d8b rgb(36,109,139)
```
#297ca0
```
#297ca0 rgb(41,124,160)
```
#2f8cb4
```
#2f8cb4 rgb(47,140,180)
```
#349cc8
```
#349cc8 rgb(52,156,200)
```
#46a6cf
```
#46a6cf rgb(70,166,207)
```
#5bb0d4
```
#5bb0d4 rgb(91,176,212)
```
#6fbada
```
#6fbada rgb(111,186,218)
```

Monochromatic Color

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

#34c1c8
```
#34c1c8 rgb(52,193,200)
```
#34b5c8
```
#34b5c8 rgb(52,181,200)
```
#34a8c8
```
#34a8c8 rgb(52,168,200)
```
#349cc8
```
#349cc8 rgb(52,156,200)
```
#3490c8
```
#3490c8 rgb(52,144,200)
```
#3483c8
```
#3483c8 rgb(52,131,200)
```
#3477c8
```
#3477c8 rgb(52,119,200)
```

Similar Colors

Text with hexadecimal color #349cc8

This text has a font color of #349cc8.

<span style="color:#349cc8;">Text here</span>

#349cc8 background color

This paragraph has a background color of #349cc8.

<p style="background-color:#349cc8;">Content here</p>

#349cc8 border color

This element has a border color of #349cc8.

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

CSS codes

.text {color:#349cc8;}

.background {background-color:#349cc8;}

.border {border:1px solid #349cc8;}

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

#030a0d
```
#030a0d rgb(3,10,13)
```
#07161d
```
#07161d rgb(7,22,29)
```
#0c232c
```
#0c232c rgb(12,35,44)
```
#102f3c
```
#102f3c rgb(16,47,60)
```
#143b4b
```
#143b4b rgb(20,59,75)
```
#18475b
```
#18475b rgb(24,71,91)
```
#1c536b
```
#1c536b rgb(28,83,107)
```
#205f7a
```
#205f7a rgb(32,95,122)
```
#246b8a
```
#246b8a rgb(36,107,138)
```
#287899
```
#287899 rgb(40,120,153)
```
#2c84a9
```
#2c84a9 rgb(44,132,169)
```
#3090b8
```
#3090b8 rgb(48,144,184)
```
#349cc8
```
#349cc8 rgb(52,156,200)
```

Shade Color Variation

#42a4ce
```
#42a4ce rgb(66,164,206)
```
#51acd2
```
#51acd2 rgb(81,172,210)
```
#61b3d6
```
#61b3d6 rgb(97,179,214)
```
#71bbda
```
#71bbda rgb(113,187,218)
```
#80c2de
```
#80c2de rgb(128,194,222)
```
#90cae2
```
#90cae2 rgb(144,202,226)
```
#9fd1e6
```
#9fd1e6 rgb(159,209,230)
```
#afd8ea
```
#afd8ea rgb(175,216,234)
```
#bee0ee
```
#bee0ee rgb(190,224,238)
```
#cee7f2
```
#cee7f2 rgb(206,231,242)
```
#ddeff6
```
#ddeff6 rgb(221,239,246)
```
#edf6fa
```
#edf6fa rgb(237,246,250)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#788084
```
#788084 rgb(120,128,132)
```
#6e848e
```
#6e848e rgb(110,132,142)
```
#648898
```
#648898 rgb(100,136,152)
```
#5b8ca1
```
#5b8ca1 rgb(91,140,161)
```
#5190ab
```
#5190ab rgb(81,144,171)
```
#4794b5
```
#4794b5 rgb(71,148,181)
```
#3e98be
```
#3e98be rgb(62,152,190)
```
#349cc8
```
#349cc8 rgb(52,156,200)
```
#2aa0d2
```
#2aa0d2 rgb(42,160,210)
```
#21a4db
```
#21a4db rgb(33,164,219)
```
#17a8e5
```
#17a8e5 rgb(23,168,229)
```
#0dacef
```
#0dacef rgb(13,172,239)
```
#04b0f8
```
#04b0f8 rgb(4,176,248)
```

Tone Color Variation

Below, you can see how #349cc8 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

#828282 Achromatopsia 0.005% of the population
#728790 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a95c3 Protanopia 1% of men
#8296cf Deuteranopia 1% of men
#20a5b2 Tritanopia 0.001% of the population

Trichromacy

#6a98c4 Protanomaly 1% of men, 0.01% of women
#6598cc Deuteranomaly 6% of men, 0.4% of women
#27a2ba Tritanomaly 0.01% of the population

#349cc8 hex color

#349cc8 Color Information

#349cc8 Color Conversion

Color Schemes with #349cc8

Alternatives to #349cc8

#349cc8 Preview

Shades and Tints of #349cc8

Tones of #349cc8

Color Blindness Simulator