#348ccc hex color

In a RGB color space, hex #348ccc is composed of 20.4% red, 54.9% green and 80% blue. Whereas in a CMYK color space, it is composed of 74.5% cyan, 31.4% magenta, 0% yellow and 20% black. It has a hue angle of 205.3 degrees, a saturation of 59.8% and a lightness of 50.2%. #348ccc color hex could be obtained by blending #68ffff with #001999. Closest websafe color is: #3399cc.

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

● #348ccc color description : Moderate blue.

The hexadecimal color #348ccc has RGB values of R:52, G:140, B:204 and CMYK values of C:0.75, M:0.31, Y:0, K:0.2. Its decimal value is 3443916.

Hex triplet	348ccc	`#348ccc`
RGB Decimal	52, 140, 204	`rgb(52,140,204)`
RGB Percent	20.4, 54.9, 80	`rgb(20.4%,54.9%,80%)`
CMYK	75, 31, 0, 20
HSL	205.3°, 59.8, 50.2	`hsl(205.3,59.8%,50.2%)`
HSV (or HSB)	205.3°, 74.5, 80
Web Safe	3399cc	`#3399cc`

CIE-LAB	55.931, -4.499, -40.478
XYZ	21.691, 23.844, 60.583
xyY	0.204, 0.225, 23.844
CIE-LCH	55.931, 40.727, 263.657
CIE-LUV	55.931, -31.418, -62.443
Hunter-Lab	48.83, -6.163, -39.378
Binary	00110100, 10001100, 11001100

#348ccc
```
#348ccc rgb(52,140,204)
```
#cc7434
```
#cc7434 rgb(204,116,52)
```

Complementary Color

#34ccc0
```
#34ccc0 rgb(52,204,192)
```
#348ccc
```
#348ccc rgb(52,140,204)
```
#3440cc
```
#3440cc rgb(52,64,204)
```

Analogous Color

#ccc034
```
#ccc034 rgb(204,192,52)
```
#348ccc
```
#348ccc rgb(52,140,204)
```
#cc3440
```
#cc3440 rgb(204,52,64)
```

Split Complementary Color

#8ccc34
```
#8ccc34 rgb(140,204,52)
```
#348ccc
```
#348ccc rgb(52,140,204)
```
#cc348c
```
#cc348c rgb(204,52,140)
```

Triadic Color

#34cc74
```
#34cc74 rgb(52,204,116)
```
#348ccc
```
#348ccc rgb(52,140,204)
```
#cc348c
```
#cc348c rgb(204,52,140)
```
#cc7434
```
#cc7434 rgb(204,116,52)
```

Tetradic Color

#24628f
```
#24628f rgb(36,98,143)
```
#2970a4
```
#2970a4 rgb(41,112,164)
```
#2e7eb8
```
#2e7eb8 rgb(46,126,184)
```
#348ccc
```
#348ccc rgb(52,140,204)
```
#4898d1
```
#4898d1 rgb(72,152,209)
```
#5da3d6
```
#5da3d6 rgb(93,163,214)
```
#71afdb
```
#71afdb rgb(113,175,219)
```

Monochromatic Color

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

#34b2cc
```
#34b2cc rgb(52,178,204)
```
#34a5cc
```
#34a5cc rgb(52,165,204)
```
#3499cc
```
#3499cc rgb(52,153,204)
```
#348ccc
```
#348ccc rgb(52,140,204)
```
#347fcc
```
#347fcc rgb(52,127,204)
```
#3473cc
```
#3473cc rgb(52,115,204)
```
#3466cc
```
#3466cc rgb(52,102,204)
```

Similar Colors

Text with hexadecimal color #348ccc

This text has a font color of #348ccc.

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

#348ccc background color

This paragraph has a background color of #348ccc.

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

#348ccc border color

This element has a border color of #348ccc.

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

CSS codes

.text {color:#348ccc;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#040b10
```
#040b10 rgb(4,11,16)
```
#081620
```
#081620 rgb(8,22,32)
```
#0c2130
```
#0c2130 rgb(12,33,48)
```
#102b40
```
#102b40 rgb(16,43,64)
```
#14364f
```
#14364f rgb(20,54,79)
```
#18415f
```
#18415f rgb(24,65,95)
```
#1c4c6f
```
#1c4c6f rgb(28,76,111)
```
#20567e
```
#20567e rgb(32,86,126)
```
#24618e
```
#24618e rgb(36,97,142)
```
#286c9e
```
#286c9e rgb(40,108,158)
```
#2c77ad
```
#2c77ad rgb(44,119,173)
```
#2f81bd
```
#2f81bd rgb(47,129,189)
```

Shade Color Variation

#348ccc
```
#348ccc rgb(52,140,204)
```
#4495d0
```
#4495d0 rgb(68,149,208)
```
#539ed4
```
#539ed4 rgb(83,158,212)
```
#63a7d8
```
#63a7d8 rgb(99,167,216)
```
#73b0dc
```
#73b0dc rgb(115,176,220)
```
#82b8e0
```
#82b8e0 rgb(130,184,224)
```
#92c1e4
```
#92c1e4 rgb(146,193,228)
```
#a2cae8
```
#a2cae8 rgb(162,202,232)
```
#b1d3ec
```
#b1d3ec rgb(177,211,236)
```
#c1dcef
```
#c1dcef rgb(193,220,239)
```
#d1e5f3
```
#d1e5f3 rgb(209,229,243)
```
#e0eef7
```
#e0eef7 rgb(224,238,247)
```
#f0f7fb
```
#f0f7fb rgb(240,247,251)
```

Tint Color Variation

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

#788188
```
#788188 rgb(120,129,136)
```
#6f8391
```
#6f8391 rgb(111,131,145)
```
#65849b
```
#65849b rgb(101,132,155)
```
#5b86a5
```
#5b86a5 rgb(91,134,165)
```
#5187af
```
#5187af rgb(81,135,175)
```
#4889b8
```
#4889b8 rgb(72,137,184)
```
#3e8ac2
```
#3e8ac2 rgb(62,138,194)
```
#348ccc
```
#348ccc rgb(52,140,204)
```
#2a8ed6
```
#2a8ed6 rgb(42,142,214)
```
#208fe0
```
#208fe0 rgb(32,143,224)
```
#1791e9
```
#1791e9 rgb(23,145,233)
```
#0d92f3
```
#0d92f3 rgb(13,146,243)
```
#0394fd
```
#0394fd rgb(3,148,253)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#6b7d8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#758ac8 Protanopia 1% of men
#658cd1 Deuteranopia 1% of men
#0099a4 Tritanopia 0.001% of the population

Trichromacy

#5d8aca Protanomaly 1% of men, 0.01% of women
#538ccf Deuteranomaly 6% of men, 0.4% of women
#1294b3 Tritanomaly 0.01% of the population

#348ccc hex color

#348ccc Color Information

#348ccc Color Conversion

Color Schemes with #348ccc

Alternatives to #348ccc

#348ccc Preview

Shades and Tints of #348ccc

Tones of #348ccc

Color Blindness Simulator