#348bac hex color

In a RGB color space, hex #348bac is composed of 20.4% red, 54.5% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 69.8% cyan, 19.2% magenta, 0% yellow and 32.5% black. It has a hue angle of 196.5 degrees, a saturation of 53.6% and a lightness of 43.9%. #348bac color hex could be obtained by blending #68ffff with #001759. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 20
- G 55
- B 67
RGB color chart
- C 70
- M 19
- Y 0
- K 33
CMYK color chart

● #348bac color description : Dark moderate blue.

The hexadecimal color #348bac has RGB values of R:52, G:139, B:172 and CMYK values of C:0.7, M:0.19, Y:0, K:0.33. Its decimal value is 3443628.

Hex triplet	348bac	`#348bac`
RGB Decimal	52, 139, 172	`rgb(52,139,172)`
RGB Percent	20.4, 54.5, 67.5	`rgb(20.4%,54.5%,67.5%)`
CMYK	70, 19, 0, 33
HSL	196.5°, 53.6, 43.9	`hsl(196.5,53.6%,43.9%)`
HSV (or HSB)	196.5°, 69.8, 67.5
Web Safe	339999	`#339999`

CIE-LAB	54.209, -15, -24.945
XYZ	18.093, 22.172, 42.354
xyY	0.219, 0.268, 22.172
CIE-LCH	54.209, 29.108, 238.98
CIE-LUV	54.209, -32.663, -35.685
Hunter-Lab	47.088, -13.815, -20.368
Binary	00110100, 10001011, 10101100

#348bac
```
#348bac rgb(52,139,172)
```
#ac5534
```
#ac5534 rgb(172,85,52)
```

Complementary Color

#34ac91
```
#34ac91 rgb(52,172,145)
```
#348bac
```
#348bac rgb(52,139,172)
```
#344fac
```
#344fac rgb(52,79,172)
```

Analogous Color

#ac9134
```
#ac9134 rgb(172,145,52)
```
#348bac
```
#348bac rgb(52,139,172)
```
#ac344f
```
#ac344f rgb(172,52,79)
```

Split Complementary Color

#8bac34
```
#8bac34 rgb(139,172,52)
```
#348bac
```
#348bac rgb(52,139,172)
```
#ac348b
```
#ac348b rgb(172,52,139)
```

Triadic Color

#34ac55
```
#34ac55 rgb(52,172,85)
```
#348bac
```
#348bac rgb(52,139,172)
```
#ac348b
```
#ac348b rgb(172,52,139)
```
#ac5534
```
#ac5534 rgb(172,85,52)
```

Tetradic Color

#225c71
```
#225c71 rgb(34,92,113)
```
#286b85
```
#286b85 rgb(40,107,133)
```
#2e7b98
```
#2e7b98 rgb(46,123,152)
```
#348bac
```
#348bac rgb(52,139,172)
```
#3a9bc0
```
#3a9bc0 rgb(58,155,192)
```
#4ba6c8
```
#4ba6c8 rgb(75,166,200)
```
#5eb0ce
```
#5eb0ce rgb(94,176,206)
```

Monochromatic Color

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

#34a9ac
```
#34a9ac rgb(52,169,172)
```
#349fac
```
#349fac rgb(52,159,172)
```
#3495ac
```
#3495ac rgb(52,149,172)
```
#348bac
```
#348bac rgb(52,139,172)
```
#3481ac
```
#3481ac rgb(52,129,172)
```
#3477ac
```
#3477ac rgb(52,119,172)
```
#346dac
```
#346dac rgb(52,109,172)
```

Similar Colors

Text with hexadecimal color #348bac

This text has a font color of #348bac.

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

#348bac background color

This paragraph has a background color of #348bac.

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

#348bac border color

This element has a border color of #348bac.

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

CSS codes

.text {color:#348bac;}

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

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

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

#020506
```
#020506 rgb(2,5,6)
```
#061115
```
#061115 rgb(6,17,21)
```
#0b1d24
```
#0b1d24 rgb(11,29,36)
```
#102a34
```
#102a34 rgb(16,42,52)
```
#143643
```
#143643 rgb(20,54,67)
```
#194252
```
#194252 rgb(25,66,82)
```
#1d4e61
```
#1d4e61 rgb(29,78,97)
```
#225a70
```
#225a70 rgb(34,90,112)
```
#26667f
```
#26667f rgb(38,102,127)
```
#2b738e
```
#2b738e rgb(43,115,142)
```
#2f7f9d
```
#2f7f9d rgb(47,127,157)
```
#348bac
```
#348bac rgb(52,139,172)
```
#3997bb
```
#3997bb rgb(57,151,187)
```

Shade Color Variation

#42a1c6
```
#42a1c6 rgb(66,161,198)
```
#51a9ca
```
#51a9ca rgb(81,169,202)
```
#60b0cf
```
#60b0cf rgb(96,176,207)
```
#6fb8d3
```
#6fb8d3 rgb(111,184,211)
```
#7ebfd8
```
#7ebfd8 rgb(126,191,216)
```
#8dc7dc
```
#8dc7dc rgb(141,199,220)
```
#9ccee1
```
#9ccee1 rgb(156,206,225)
```
#abd5e6
```
#abd5e6 rgb(171,213,230)
```
#baddea
```
#baddea rgb(186,221,234)
```
#c9e4ef
```
#c9e4ef rgb(201,228,239)
```
#d8ecf3
```
#d8ecf3 rgb(216,236,243)
```
#e7f3f8
```
#e7f3f8 rgb(231,243,248)
```
#f6fbfc
```
#f6fbfc rgb(246,251,252)
```

Tint Color Variation

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

#687478
```
#687478 rgb(104,116,120)
```
#5f7881
```
#5f7881 rgb(95,120,129)
```
#567b8a
```
#567b8a rgb(86,123,138)
```
#4e7f92
```
#4e7f92 rgb(78,127,146)
```
#45839b
```
#45839b rgb(69,131,155)
```
#3d87a3
```
#3d87a3 rgb(61,135,163)
```
#348bac
```
#348bac rgb(52,139,172)
```
#2b8fb5
```
#2b8fb5 rgb(43,143,181)
```
#2393bd
```
#2393bd rgb(35,147,189)
```
#1a97c6
```
#1a97c6 rgb(26,151,198)
```
#129bce
```
#129bce rgb(18,155,206)
```
#099ed7
```
#099ed7 rgb(9,158,215)
```
#00a2e0
```
#00a2e0 rgb(0,162,224)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#687980 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e86a9 Protanopia 1% of men
#7986b4 Deuteranopia 1% of men
#30949f Tritanopia 0.001% of the population

Trichromacy

#6388aa Protanomaly 1% of men, 0.01% of women
#6088b1 Deuteranomaly 6% of men, 0.4% of women
#3190a3 Tritanomaly 0.01% of the population

#348bac hex color

#348bac Color Information

#348bac Color Conversion

Color Schemes with #348bac

Alternatives to #348bac

#348bac Preview

Shades and Tints of #348bac

Tones of #348bac

Color Blindness Simulator