#348b9f hex color

In a RGB color space, hex #348b9f is composed of 20.4% red, 54.5% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 67.3% cyan, 12.6% magenta, 0% yellow and 37.6% black. It has a hue angle of 191.2 degrees, a saturation of 50.7% and a lightness of 41.4%. #348b9f color hex could be obtained by blending #68ffff with #00173f. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 20
- G 55
- B 62
RGB color chart
- C 67
- M 13
- Y 0
- K 38
CMYK color chart

● #348b9f color description : Dark moderate cyan.

The hexadecimal color #348b9f has RGB values of R:52, G:139, B:159 and CMYK values of C:0.67, M:0.13, Y:0, K:0.38. Its decimal value is 3443615.

Hex triplet	348b9f	`#348b9f`
RGB Decimal	52, 139, 159	`rgb(52,139,159)`
RGB Percent	20.4, 54.5, 62.4	`rgb(20.4%,54.5%,62.4%)`
CMYK	67, 13, 0, 38
HSL	191.2°, 50.7, 41.4	`hsl(191.2,50.7%,41.4%)`
HSV (or HSB)	191.2°, 67.3, 62.4
Web Safe	339999	`#339999`

CIE-LAB	53.704, -19.261, -18.24
XYZ	16.905, 21.697, 36.096
xyY	0.226, 0.29, 21.697
CIE-LCH	53.704, 26.527, 223.44
CIE-LUV	53.704, -33.364, -24.449
Hunter-Lab	46.58, -16.733, -13.339
Binary	00110100, 10001011, 10011111

#348b9f
```
#348b9f rgb(52,139,159)
```
#9f4834
```
#9f4834 rgb(159,72,52)
```

Complementary Color

#349f7e
```
#349f7e rgb(52,159,126)
```
#348b9f
```
#348b9f rgb(52,139,159)
```
#34559f
```
#34559f rgb(52,85,159)
```

Analogous Color

#9f7e34
```
#9f7e34 rgb(159,126,52)
```
#348b9f
```
#348b9f rgb(52,139,159)
```
#9f3456
```
#9f3456 rgb(159,52,86)
```

Split Complementary Color

#8b9f34
```
#8b9f34 rgb(139,159,52)
```
#348b9f
```
#348b9f rgb(52,139,159)
```
#9f348b
```
#9f348b rgb(159,52,139)
```

Triadic Color

#349f48
```
#349f48 rgb(52,159,72)
```
#348b9f
```
#348b9f rgb(52,139,159)
```
#9f348b
```
#9f348b rgb(159,52,139)
```
#9f4834
```
#9f4834 rgb(159,72,52)
```

Tetradic Color

#215965
```
#215965 rgb(33,89,101)
```
#276979
```
#276979 rgb(39,105,121)
```
#2e7a8c
```
#2e7a8c rgb(46,122,140)
```
#348b9f
```
#348b9f rgb(52,139,159)
```
#3a9cb2
```
#3a9cb2 rgb(58,156,178)
```
#44aac2
```
#44aac2 rgb(68,170,194)
```
#57b3c8
```
#57b3c8 rgb(87,179,200)
```

Monochromatic Color

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

#349f98
```
#349f98 rgb(52,159,152)
```
#349d9f
```
#349d9f rgb(52,157,159)
```
#34949f
```
#34949f rgb(52,148,159)
```
#348b9f
```
#348b9f rgb(52,139,159)
```
#34829f
```
#34829f rgb(52,130,159)
```
#34799f
```
#34799f rgb(52,121,159)
```
#34709f
```
#34709f rgb(52,112,159)
```

Similar Colors

Text with hexadecimal color #348b9f

This text has a font color of #348b9f.

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

#348b9f background color

This paragraph has a background color of #348b9f.

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

#348b9f border color

This element has a border color of #348b9f.

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

CSS codes

.text {color:#348b9f;}

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

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

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, #040a0b is the darkest color, while #fbfdfe is the lightest one.

#040a0b
```
#040a0b rgb(4,10,11)
```
#08171a
```
#08171a rgb(8,23,26)
```
#0d2429
```
#0d2429 rgb(13,36,41)
```
#123138
```
#123138 rgb(18,49,56)
```
#173d46
```
#173d46 rgb(23,61,70)
```
#1c4a55
```
#1c4a55 rgb(28,74,85)
```
#215764
```
#215764 rgb(33,87,100)
```
#256473
```
#256473 rgb(37,100,115)
```
#2a7181
```
#2a7181 rgb(42,113,129)
```
#2f7e90
```
#2f7e90 rgb(47,126,144)
```
#348b9f
```
#348b9f rgb(52,139,159)
```
#3998ae
```
#3998ae rgb(57,152,174)
```
#3ea5bd
```
#3ea5bd rgb(62,165,189)
```

Shade Color Variation

#4aadc4
```
#4aadc4 rgb(74,173,196)
```
#59b4c9
```
#59b4c9 rgb(89,180,201)
```
#68bacd
```
#68bacd rgb(104,186,205)
```
#76c1d2
```
#76c1d2 rgb(118,193,210)
```
#85c8d7
```
#85c8d7 rgb(133,200,215)
```
#94cfdc
```
#94cfdc rgb(148,207,220)
```
#a3d5e1
```
#a3d5e1 rgb(163,213,225)
```
#b1dce6
```
#b1dce6 rgb(177,220,230)
```
#c0e3ea
```
#c0e3ea rgb(192,227,234)
```
#cfe9ef
```
#cfe9ef rgb(207,233,239)
```
#def0f4
```
#def0f4 rgb(222,240,244)
```
#edf7f9
```
#edf7f9 rgb(237,247,249)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #656d6e is the less saturated color, while #03a9d0 is the most saturated one.

#656d6e
```
#656d6e rgb(101,109,110)
```
#5d7276
```
#5d7276 rgb(93,114,118)
```
#54777f
```
#54777f rgb(84,119,127)
```
#4c7c87
```
#4c7c87 rgb(76,124,135)
```
#44818f
```
#44818f rgb(68,129,143)
```
#3c8697
```
#3c8697 rgb(60,134,151)
```
#348b9f
```
#348b9f rgb(52,139,159)
```
#2c90a7
```
#2c90a7 rgb(44,144,167)
```
#2495af
```
#2495af rgb(36,149,175)
```
#1c9ab7
```
#1c9ab7 rgb(28,154,183)
```
#149fbf
```
#149fbf rgb(20,159,191)
```
#0ba4c8
```
#0ba4c8 rgb(11,164,200)
```
#03a9d0
```
#03a9d0 rgb(3,169,208)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#66787c Atypical Achromatopsia 0.001% of the population

Dichromacy

#81859d Protanopia 1% of men
#8084a8 Deuteranopia 1% of men
#39929c Tritanopia 0.001% of the population

Trichromacy

#65879d Protanomaly 1% of men, 0.01% of women
#6486a5 Deuteranomaly 6% of men, 0.4% of women
#378f9d Tritanomaly 0.01% of the population

#348b9f hex color

#348b9f Color Information

#348b9f Color Conversion

Color Schemes with #348b9f

Alternatives to #348b9f

#348b9f Preview

Shades and Tints of #348b9f

Tones of #348b9f

Color Blindness Simulator