#348fa8 hex color

In a RGB color space, hex #348fa8 is composed of 20.4% red, 56.1% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 69% cyan, 14.9% magenta, 0% yellow and 34.1% black. It has a hue angle of 192.9 degrees, a saturation of 52.7% and a lightness of 43.1%. #348fa8 color hex could be obtained by blending #68ffff with #001f51. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 20
- G 56
- B 66
RGB color chart
- C 69
- M 15
- Y 0
- K 34
CMYK color chart

● #348fa8 color description : Dark moderate cyan.

The hexadecimal color #348fa8 has RGB values of R:52, G:143, B:168 and CMYK values of C:0.69, M:0.15, Y:0, K:0.34. Its decimal value is 3444648.

Hex triplet	348fa8	`#348fa8`
RGB Decimal	52, 143, 168	`rgb(52,143,168)`
RGB Percent	20.4, 56.1, 65.9	`rgb(20.4%,56.1%,65.9%)`
CMYK	69, 15, 0, 34
HSL	192.9°, 52.7, 43.1	`hsl(192.9,52.7%,43.1%)`
HSV (or HSB)	192.9°, 69, 65.9
Web Safe	339999	`#339999`

CIE-LAB	55.278, -18.492, -21.008
XYZ	18.305, 23.201, 40.557
xyY	0.223, 0.283, 23.201
CIE-LCH	55.278, 27.987, 228.645
CIE-LUV	55.278, -34.348, -29.063
Hunter-Lab	48.167, -16.458, -16.206
Binary	00110100, 10001111, 10101000

#348fa8
```
#348fa8 rgb(52,143,168)
```
#a84d34
```
#a84d34 rgb(168,77,52)
```

Complementary Color

#34a887
```
#34a887 rgb(52,168,135)
```
#348fa8
```
#348fa8 rgb(52,143,168)
```
#3455a8
```
#3455a8 rgb(52,85,168)
```

Analogous Color

#a88734
```
#a88734 rgb(168,135,52)
```
#348fa8
```
#348fa8 rgb(52,143,168)
```
#a83455
```
#a83455 rgb(168,52,85)
```

Split Complementary Color

#8fa834
```
#8fa834 rgb(143,168,52)
```
#348fa8
```
#348fa8 rgb(52,143,168)
```
#a8348f
```
#a8348f rgb(168,52,143)
```

Triadic Color

#34a84d
```
#34a84d rgb(52,168,77)
```
#348fa8
```
#348fa8 rgb(52,143,168)
```
#a8348f
```
#a8348f rgb(168,52,143)
```
#a84d34
```
#a84d34 rgb(168,77,52)
```

Tetradic Color

#225d6e
```
#225d6e rgb(34,93,110)
```
#286e81
```
#286e81 rgb(40,110,129)
```
#2e7e95
```
#2e7e95 rgb(46,126,149)
```
#348fa8
```
#348fa8 rgb(52,143,168)
```
#3aa0bb
```
#3aa0bb rgb(58,160,187)
```
#48abc7
```
#48abc7 rgb(72,171,199)
```
#5cb4cd
```
#5cb4cd rgb(92,180,205)
```

Monochromatic Color

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

#34a8a4
```
#34a8a4 rgb(52,168,164)
```
#34a2a8
```
#34a2a8 rgb(52,162,168)
```
#3499a8
```
#3499a8 rgb(52,153,168)
```
#348fa8
```
#348fa8 rgb(52,143,168)
```
#3485a8
```
#3485a8 rgb(52,133,168)
```
#347ca8
```
#347ca8 rgb(52,124,168)
```
#3472a8
```
#3472a8 rgb(52,114,168)
```

Similar Colors

Text with hexadecimal color #348fa8

This text has a font color of #348fa8.

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

#348fa8 background color

This paragraph has a background color of #348fa8.

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

#348fa8 border color

This element has a border color of #348fa8.

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

CSS codes

.text {color:#348fa8;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#061012
```
#061012 rgb(6,16,18)
```
#0a1c21
```
#0a1c21 rgb(10,28,33)
```
#0f2930
```
#0f2930 rgb(15,41,48)
```
#14363f
```
#14363f rgb(20,54,63)
```
#18434e
```
#18434e rgb(24,67,78)
```
#1d4f5d
```
#1d4f5d rgb(29,79,93)
```
#215c6c
```
#215c6c rgb(33,92,108)
```
#26697b
```
#26697b rgb(38,105,123)
```
#2b768a
```
#2b768a rgb(43,118,138)
```
#2f8299
```
#2f8299 rgb(47,130,153)
```
#348fa8
```
#348fa8 rgb(52,143,168)
```
#399cb7
```
#399cb7 rgb(57,156,183)
```

Shade Color Variation

#40a7c4
```
#40a7c4 rgb(64,167,196)
```
#4eaec8
```
#4eaec8 rgb(78,174,200)
```
#5db5cd
```
#5db5cd rgb(93,181,205)
```
#6cbcd2
```
#6cbcd2 rgb(108,188,210)
```
#7bc3d6
```
#7bc3d6 rgb(123,195,214)
```
#8acadb
```
#8acadb rgb(138,202,219)
```
#99d0e0
```
#99d0e0 rgb(153,208,224)
```
#a8d7e4
```
#a8d7e4 rgb(168,215,228)
```
#b7dee9
```
#b7dee9 rgb(183,222,233)
```
#c6e5ed
```
#c6e5ed rgb(198,229,237)
```
#d5ecf2
```
#d5ecf2 rgb(213,236,242)
```
#e4f3f7
```
#e4f3f7 rgb(228,243,247)
```
#f3fafb
```
#f3fafb rgb(243,250,251)
```

Tint Color Variation

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

#677275
```
#677275 rgb(103,114,117)
```
#5e777e
```
#5e777e rgb(94,119,126)
```
#567c86
```
#567c86 rgb(86,124,134)
```
#4d818f
```
#4d818f rgb(77,129,143)
```
#458597
```
#458597 rgb(69,133,151)
```
#3c8aa0
```
#3c8aa0 rgb(60,138,160)
```
#348fa8
```
#348fa8 rgb(52,143,168)
```
#2c94b0
```
#2c94b0 rgb(44,148,176)
```
#2399b9
```
#2399b9 rgb(35,153,185)
```
#1b9dc1
```
#1b9dc1 rgb(27,157,193)
```
#12a2ca
```
#12a2ca rgb(18,162,202)
```
#0aa7d2
```
#0aa7d2 rgb(10,167,210)
```
#01acdb
```
#01acdb rgb(1,172,219)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#6a7c81 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8489a5 Protanopia 1% of men
#8188b1 Deuteranopia 1% of men
#3696a1 Tritanopia 0.001% of the population

Trichromacy

#678ba6 Protanomaly 1% of men, 0.01% of women
#658aad Deuteranomaly 6% of men, 0.4% of women
#3593a4 Tritanomaly 0.01% of the population

#348fa8 hex color

#348fa8 Color Information

#348fa8 Color Conversion

Color Schemes with #348fa8

Alternatives to #348fa8

#348fa8 Preview

Shades and Tints of #348fa8

Tones of #348fa8

Color Blindness Simulator