#348fcf hex color

In a RGB color space, hex #348fcf is composed of 20.4% red, 56.1% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 74.9% cyan, 30.9% magenta, 0% yellow and 18.8% black. It has a hue angle of 204.8 degrees, a saturation of 61.8% and a lightness of 50.8%. #348fcf color hex could be obtained by blending #68ffff with #001f9f. Closest websafe color is: #3399cc.

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

● #348fcf color description : Moderate blue.

The hexadecimal color #348fcf has RGB values of R:52, G:143, B:207 and CMYK values of C:0.75, M:0.31, Y:0, K:0.19. Its decimal value is 3444687.

Hex triplet	348fcf	`#348fcf`
RGB Decimal	52, 143, 207	`rgb(52,143,207)`
RGB Percent	20.4, 56.1, 81.2	`rgb(20.4%,56.1%,81.2%)`
CMYK	75, 31, 0, 19
HSL	204.8°, 61.8, 50.8	`hsl(204.8,61.8%,50.8%)`
HSV (or HSB)	204.8°, 74.9, 81.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	56.956, -5.172, -40.556
XYZ	22.498, 24.878, 62.644
xyY	0.204, 0.226, 24.878
CIE-LCH	56.956, 40.884, 262.733
CIE-LUV	56.956, -32.31, -62.7
Hunter-Lab	49.878, -6.771, -39.551
Binary	00110100, 10001111, 11001111

#348fcf
```
#348fcf rgb(52,143,207)
```
#cf7434
```
#cf7434 rgb(207,116,52)
```

Complementary Color

#34cfc2
```
#34cfc2 rgb(52,207,194)
```
#348fcf
```
#348fcf rgb(52,143,207)
```
#3442cf
```
#3442cf rgb(52,66,207)
```

Analogous Color

#cfc234
```
#cfc234 rgb(207,194,52)
```
#348fcf
```
#348fcf rgb(52,143,207)
```
#cf3442
```
#cf3442 rgb(207,52,66)
```

Split Complementary Color

#8fcf34
```
#8fcf34 rgb(143,207,52)
```
#348fcf
```
#348fcf rgb(52,143,207)
```
#cf348f
```
#cf348f rgb(207,52,143)
```

Triadic Color

#34cf74
```
#34cf74 rgb(52,207,116)
```
#348fcf
```
#348fcf rgb(52,143,207)
```
#cf348f
```
#cf348f rgb(207,52,143)
```
#cf7434
```
#cf7434 rgb(207,116,52)
```

Tetradic Color

#236594
```
#236594 rgb(35,101,148)
```
#2873a8
```
#2873a8 rgb(40,115,168)
```
#2d81bd
```
#2d81bd rgb(45,129,189)
```
#348fcf
```
#348fcf rgb(52,143,207)
```
#499ad4
```
#499ad4 rgb(73,154,212)
```
#5da6d9
```
#5da6d9 rgb(93,166,217)
```
#72b1de
```
#72b1de rgb(114,177,222)
```

Monochromatic Color

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

#34b6cf
```
#34b6cf rgb(52,182,207)
```
#34a9cf
```
#34a9cf rgb(52,169,207)
```
#349ccf
```
#349ccf rgb(52,156,207)
```
#348fcf
```
#348fcf rgb(52,143,207)
```
#3482cf
```
#3482cf rgb(52,130,207)
```
#3475cf
```
#3475cf rgb(52,117,207)
```
#3468cf
```
#3468cf rgb(52,104,207)
```

Similar Colors

Text with hexadecimal color #348fcf

This text has a font color of #348fcf.

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

#348fcf background color

This paragraph has a background color of #348fcf.

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

#348fcf border color

This element has a border color of #348fcf.

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

CSS codes

.text {color:#348fcf;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#050d13
```
#050d13 rgb(5,13,19)
```
#081823
```
#081823 rgb(8,24,35)
```
#0c2333
```
#0c2333 rgb(12,35,51)
```
#102e43
```
#102e43 rgb(16,46,67)
```
#143953
```
#143953 rgb(20,57,83)
```
#174362
```
#174362 rgb(23,67,98)
```
#1b4e72
```
#1b4e72 rgb(27,78,114)
```
#1f5982
```
#1f5982 rgb(31,89,130)
```
#236492
```
#236492 rgb(35,100,146)
```
#266fa2
```
#266fa2 rgb(38,111,162)
```
#2a7ab2
```
#2a7ab2 rgb(42,122,178)
```
#2e85c2
```
#2e85c2 rgb(46,133,194)
```

Shade Color Variation

#348fcf
```
#348fcf rgb(52,143,207)
```
#4498d3
```
#4498d3 rgb(68,152,211)
```
#54a1d7
```
#54a1d7 rgb(84,161,215)
```
#64a9da
```
#64a9da rgb(100,169,218)
```
#73b2de
```
#73b2de rgb(115,178,222)
```
#83bbe2
```
#83bbe2 rgb(131,187,226)
```
#93c4e6
```
#93c4e6 rgb(147,196,230)
```
#a3cce9
```
#a3cce9 rgb(163,204,233)
```
#b3d5ed
```
#b3d5ed rgb(179,213,237)
```
#c3def1
```
#c3def1 rgb(195,222,241)
```
#d3e7f5
```
#d3e7f5 rgb(211,231,245)
```
#e3eff8
```
#e3eff8 rgb(227,239,248)
```
#f2f8fc
```
#f2f8fc rgb(242,248,252)
```

Tint Color Variation

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

#818282
```
#818282 rgb(129,130,130)
```
#78838b
```
#78838b rgb(120,131,139)
```
#6e8595
```
#6e8595 rgb(110,133,149)
```
#64879f
```
#64879f rgb(100,135,159)
```
#5b88a8
```
#5b88a8 rgb(91,136,168)
```
#518ab2
```
#518ab2 rgb(81,138,178)
```
#478cbc
```
#478cbc rgb(71,140,188)
```
#3e8dc5
```
#3e8dc5 rgb(62,141,197)
```
#348fcf
```
#348fcf rgb(52,143,207)
```
#2a91d9
```
#2a91d9 rgb(42,145,217)
```
#2192e2
```
#2192e2 rgb(33,146,226)
```
#1794ec
```
#1794ec rgb(23,148,236)
```
#0d96f6
```
#0d96f6 rgb(13,150,246)
```

Tone Color Variation

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

Dichromacy

#788ccb Protanopia 1% of men
#688ed4 Deuteranopia 1% of men
#009ca7 Tritanopia 0.001% of the population

Trichromacy

#5f8dcc Protanomaly 1% of men, 0.01% of women
#558ed2 Deuteranomaly 6% of men, 0.4% of women
#1297b6 Tritanomaly 0.01% of the population

#348fcf hex color

#348fcf Color Information

#348fcf Color Conversion

Color Schemes with #348fcf

Alternatives to #348fcf

#348fcf Preview

Shades and Tints of #348fcf

Tones of #348fcf

Color Blindness Simulator