#349faa hex color

In a RGB color space, hex #349faa is composed of 20.4% red, 62.4% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 69.4% cyan, 6.5% magenta, 0% yellow and 33.3% black. It has a hue angle of 185.6 degrees, a saturation of 53.2% and a lightness of 43.5%. #349faa color hex could be obtained by blending #68ffff with #003f55. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 20
- G 62
- B 67
RGB color chart
- C 69
- M 6
- Y 0
- K 33
CMYK color chart

● #349faa color description : Dark moderate cyan.

The hexadecimal color #349faa has RGB values of R:52, G:159, B:170 and CMYK values of C:0.69, M:0.06, Y:0, K:0.33. Its decimal value is 3448746.

Hex triplet	349faa	`#349faa`
RGB Decimal	52, 159, 170	`rgb(52,159,170)`
RGB Percent	20.4, 62.4, 66.7	`rgb(20.4%,62.4%,66.7%)`
CMYK	69, 6, 0, 33
HSL	185.6°, 53.2, 43.5	`hsl(185.6,53.2%,43.5%)`
HSV (or HSB)	185.6°, 69.4, 66.7
Web Safe	339999	`#339999`

CIE-LAB	60.272, -26.163, -14.55
XYZ	21.068, 28.427, 42.405
xyY	0.229, 0.309, 28.427
CIE-LCH	60.272, 29.937, 209.08
CIE-LUV	60.272, -40.117, -18.139
Hunter-Lab	53.317, -22.771, -9.834
Binary	00110100, 10011111, 10101010

#349faa
```
#349faa rgb(52,159,170)
```
#aa3f34
```
#aa3f34 rgb(170,63,52)
```

Complementary Color

#34aa7a
```
#34aa7a rgb(52,170,122)
```
#349faa
```
#349faa rgb(52,159,170)
```
#3464aa
```
#3464aa rgb(52,100,170)
```

Analogous Color

#aa7a34
```
#aa7a34 rgb(170,122,52)
```
#349faa
```
#349faa rgb(52,159,170)
```
#aa3464
```
#aa3464 rgb(170,52,100)
```

Split Complementary Color

#9faa34
```
#9faa34 rgb(159,170,52)
```
#349faa
```
#349faa rgb(52,159,170)
```
#aa349f
```
#aa349f rgb(170,52,159)
```

Triadic Color

#34aa3f
```
#34aa3f rgb(52,170,63)
```
#349faa
```
#349faa rgb(52,159,170)
```
#aa349f
```
#aa349f rgb(170,52,159)
```
#aa3f34
```
#aa3f34 rgb(170,63,52)
```

Tetradic Color

#22686f
```
#22686f rgb(34,104,111)
```
#287a83
```
#287a83 rgb(40,122,131)
```
#2e8d96
```
#2e8d96 rgb(46,141,150)
```
#349faa
```
#349faa rgb(52,159,170)
```
#3ab1be
```
#3ab1be rgb(58,177,190)
```
#4abcc7
```
#4abcc7 rgb(74,188,199)
```
#5dc3cd
```
#5dc3cd rgb(93,195,205)
```

Monochromatic Color

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

#34aa98
```
#34aa98 rgb(52,170,152)
```
#34aaa1
```
#34aaa1 rgb(52,170,161)
```
#34a9aa
```
#34a9aa rgb(52,169,170)
```
#349faa
```
#349faa rgb(52,159,170)
```
#3495aa
```
#3495aa rgb(52,149,170)
```
#348baa
```
#348baa rgb(52,139,170)
```
#3482aa
```
#3482aa rgb(52,130,170)
```

Similar Colors

Text with hexadecimal color #349faa

This text has a font color of #349faa.

<span style="color:#349faa;">Text here</span>

#349faa background color

This paragraph has a background color of #349faa.

<p style="background-color:#349faa;">Content here</p>

#349faa border color

This element has a border color of #349faa.

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

CSS codes

.text {color:#349faa;}

.background {background-color:#349faa;}

.border {border:1px solid #349faa;}

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

#010405
```
#010405 rgb(1,4,5)
```
#061314
```
#061314 rgb(6,19,20)
```
#0b2123
```
#0b2123 rgb(11,33,35)
```
#0f2f32
```
#0f2f32 rgb(15,47,50)
```
#143d41
```
#143d41 rgb(20,61,65)
```
#184b50
```
#184b50 rgb(24,75,80)
```
#1d595f
```
#1d595f rgb(29,89,95)
```
#22676e
```
#22676e rgb(34,103,110)
```
#26757d
```
#26757d rgb(38,117,125)
```
#2b838c
```
#2b838c rgb(43,131,140)
```
#2f919b
```
#2f919b rgb(47,145,155)
```
#349faa
```
#349faa rgb(52,159,170)
```
#39adb9
```
#39adb9 rgb(57,173,185)
```

Shade Color Variation

#41b8c5
```
#41b8c5 rgb(65,184,197)
```
#50bec9
```
#50bec9 rgb(80,190,201)
```
#5fc4ce
```
#5fc4ce rgb(95,196,206)
```
#6ec9d3
```
#6ec9d3 rgb(110,201,211)
```
#7dcfd7
```
#7dcfd7 rgb(125,207,215)
```
#8cd4dc
```
#8cd4dc rgb(140,212,220)
```
#9bdae0
```
#9bdae0 rgb(155,218,224)
```
#aadfe5
```
#aadfe5 rgb(170,223,229)
```
#b9e5e9
```
#b9e5e9 rgb(185,229,233)
```
#c8ebee
```
#c8ebee rgb(200,235,238)
```
#d7f0f3
```
#d7f0f3 rgb(215,240,243)
```
#e6f6f7
```
#e6f6f7 rgb(230,246,247)
```
#f5fbfc
```
#f5fbfc rgb(245,251,252)
```

Tint Color Variation

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

#677577
```
#677577 rgb(103,117,119)
```
#5f7c7f
```
#5f7c7f rgb(95,124,127)
```
#568388
```
#568388 rgb(86,131,136)
```
#4e8a90
```
#4e8a90 rgb(78,138,144)
```
#459199
```
#459199 rgb(69,145,153)
```
#3d98a1
```
#3d98a1 rgb(61,152,161)
```
#349faa
```
#349faa rgb(52,159,170)
```
#2ba6b3
```
#2ba6b3 rgb(43,166,179)
```
#23adbb
```
#23adbb rgb(35,173,187)
```
#1ab4c4
```
#1ab4c4 rgb(26,180,196)
```
#12bbcc
```
#12bbcc rgb(18,187,204)
```
#09c2d5
```
#09c2d5 rgb(9,194,213)
```
#01c9dd
```
#01c9dd rgb(1,201,221)
```

Tone Color Variation

Below, you can see how #349faa 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

#808080 Achromatopsia 0.005% of the population
#718688 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9495a6 Protanopia 1% of men
#9594b4 Deuteranopia 1% of men
#3fa3af Tritanopia 0.001% of the population

Trichromacy

#7199a7 Protanomaly 1% of men, 0.01% of women
#7298b0 Deuteranomaly 6% of men, 0.4% of women
#3ba2ad Tritanomaly 0.01% of the population

#349faa hex color

#349faa Color Information

#349faa Color Conversion

Color Schemes with #349faa

Alternatives to #349faa

#349faa Preview

Shades and Tints of #349faa

Tones of #349faa

Color Blindness Simulator