#348aab hex color

In a RGB color space, hex #348aab is composed of 20.4% red, 54.1% green and 67.1% blue. Whereas in a CMYK color space, it is composed of 69.6% cyan, 19.3% magenta, 0% yellow and 32.9% black. It has a hue angle of 196.6 degrees, a saturation of 53.4% and a lightness of 43.7%. #348aab color hex could be obtained by blending #68ffff with #001557. Closest websafe color is: #339999.

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

● #348aab color description : Dark moderate blue.

The hexadecimal color #348aab has RGB values of R:52, G:138, B:171 and CMYK values of C:0.7, M:0.19, Y:0, K:0.33. Its decimal value is 3443371.

Hex triplet	348aab	`#348aab`
RGB Decimal	52, 138, 171	`rgb(52,138,171)`
RGB Percent	20.4, 54.1, 67.1	`rgb(20.4%,54.1%,67.1%)`
CMYK	70, 19, 0, 33
HSL	196.6°, 53.4, 43.7	`hsl(196.6,53.4%,43.7%)`
HSV (or HSB)	196.6°, 69.6, 67.1
Web Safe	339999	`#339999`

CIE-LAB	53.863, -14.784, -24.905
XYZ	17.853, 21.846, 41.802
xyY	0.219, 0.268, 21.846
CIE-LCH	53.863, 28.962, 239.307
CIE-LUV	53.863, -32.351, -35.607
Hunter-Lab	46.74, -13.611, -20.308
Binary	00110100, 10001010, 10101011

#348aab
```
#348aab rgb(52,138,171)
```
#ab5534
```
#ab5534 rgb(171,85,52)
```

Complementary Color

#34ab91
```
#34ab91 rgb(52,171,145)
```
#348aab
```
#348aab rgb(52,138,171)
```
#344fab
```
#344fab rgb(52,79,171)
```

Analogous Color

#ab9134
```
#ab9134 rgb(171,145,52)
```
#348aab
```
#348aab rgb(52,138,171)
```
#ab344f
```
#ab344f rgb(171,52,79)
```

Split Complementary Color

#8aab34
```
#8aab34 rgb(138,171,52)
```
#348aab
```
#348aab rgb(52,138,171)
```
#ab348a
```
#ab348a rgb(171,52,138)
```

Triadic Color

#34ab55
```
#34ab55 rgb(52,171,85)
```
#348aab
```
#348aab rgb(52,138,171)
```
#ab348a
```
#ab348a rgb(171,52,138)
```
#ab5534
```
#ab5534 rgb(171,85,52)
```

Tetradic Color

#225b70
```
#225b70 rgb(34,91,112)
```
#286a84
```
#286a84 rgb(40,106,132)
```
#2e7a97
```
#2e7a97 rgb(46,122,151)
```
#348aab
```
#348aab rgb(52,138,171)
```
#3a9abf
```
#3a9abf rgb(58,154,191)
```
#4aa5c8
```
#4aa5c8 rgb(74,165,200)
```
#5eafce
```
#5eafce rgb(94,175,206)
```

Monochromatic Color

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

#34a8ab
```
#34a8ab rgb(52,168,171)
```
#349eab
```
#349eab rgb(52,158,171)
```
#3494ab
```
#3494ab rgb(52,148,171)
```
#348aab
```
#348aab rgb(52,138,171)
```
#3480ab
```
#3480ab rgb(52,128,171)
```
#3476ab
```
#3476ab rgb(52,118,171)
```
#346cab
```
#346cab rgb(52,108,171)
```

Similar Colors

Text with hexadecimal color #348aab

This text has a font color of #348aab.

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

#348aab background color

This paragraph has a background color of #348aab.

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

#348aab border color

This element has a border color of #348aab.

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

CSS codes

.text {color:#348aab;}

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

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

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

#020406
```
#020406 rgb(2,4,6)
```
#061115
```
#061115 rgb(6,17,21)
```
#0b1d24
```
#0b1d24 rgb(11,29,36)
```
#0f2933
```
#0f2933 rgb(15,41,51)
```
#143542
```
#143542 rgb(20,53,66)
```
#194151
```
#194151 rgb(25,65,81)
```
#1d4d60
```
#1d4d60 rgb(29,77,96)
```
#22596f
```
#22596f rgb(34,89,111)
```
#26667e
```
#26667e rgb(38,102,126)
```
#2b728d
```
#2b728d rgb(43,114,141)
```
#2f7e9c
```
#2f7e9c rgb(47,126,156)
```
#348aab
```
#348aab rgb(52,138,171)
```
#3996ba
```
#3996ba rgb(57,150,186)
```

Shade Color Variation

#41a1c5
```
#41a1c5 rgb(65,161,197)
```
#50a8ca
```
#50a8ca rgb(80,168,202)
```
#5fb0ce
```
#5fb0ce rgb(95,176,206)
```
#6eb7d3
```
#6eb7d3 rgb(110,183,211)
```
#7dbed8
```
#7dbed8 rgb(125,190,216)
```
#8cc6dc
```
#8cc6dc rgb(140,198,220)
```
#9bcde1
```
#9bcde1 rgb(155,205,225)
```
#aad5e5
```
#aad5e5 rgb(170,213,229)
```
#b9dcea
```
#b9dcea rgb(185,220,234)
```
#c8e4ee
```
#c8e4ee rgb(200,228,238)
```
#d7ebf3
```
#d7ebf3 rgb(215,235,243)
```
#e6f3f8
```
#e6f3f8 rgb(230,243,248)
```
#f6fafc
```
#f6fafc rgb(246,250,252)
```

Tint Color Variation

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

#677378
```
#677378 rgb(103,115,120)
```
#5f7780
```
#5f7780 rgb(95,119,128)
```
#567b89
```
#567b89 rgb(86,123,137)
```
#4e7f91
```
#4e7f91 rgb(78,127,145)
```
#45829a
```
#45829a rgb(69,130,154)
```
#3d86a2
```
#3d86a2 rgb(61,134,162)
```
#348aab
```
#348aab rgb(52,138,171)
```
#2b8eb4
```
#2b8eb4 rgb(43,142,180)
```
#2392bc
```
#2392bc rgb(35,146,188)
```
#1a95c5
```
#1a95c5 rgb(26,149,197)
```
#1299cd
```
#1299cd rgb(18,153,205)
```
#099dd6
```
#099dd6 rgb(9,157,214)
```
#01a1de
```
#01a1de rgb(1,161,222)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#67787f Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d85a8 Protanopia 1% of men
#7985b3 Deuteranopia 1% of men
#30939e Tritanopia 0.001% of the population

Trichromacy

#6387a9 Protanomaly 1% of men, 0.01% of women
#5f87b0 Deuteranomaly 6% of men, 0.4% of women
#318fa2 Tritanomaly 0.01% of the population

#348aab hex color

#348aab Color Information

#348aab Color Conversion

Color Schemes with #348aab

Alternatives to #348aab

#348aab Preview

Shades and Tints of #348aab

Tones of #348aab

Color Blindness Simulator