#349aaa hex color

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

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

● #349aaa color description : Dark moderate cyan.

The hexadecimal color #349aaa has RGB values of R:52, G:154, B:170 and CMYK values of C:0.69, M:0.09, Y:0, K:0.33. Its decimal value is 3447466.

Hex triplet	349aaa	`#349aaa`
RGB Decimal	52, 154, 170	`rgb(52,154,170)`
RGB Percent	20.4, 60.4, 66.7	`rgb(20.4%,60.4%,66.7%)`
CMYK	69, 9, 0, 33
HSL	188.1°, 53.2, 43.5	`hsl(188.1,53.2%,43.5%)`
HSV (or HSB)	188.1°, 69.4, 66.7
Web Safe	339999	`#339999`

CIE-LAB	58.735, -23.623, -16.878
XYZ	20.225, 26.742, 42.124
xyY	0.227, 0.3, 26.742
CIE-LCH	58.735, 29.034, 215.545
CIE-LUV	58.735, -38.28, -22.085
Hunter-Lab	51.712, -20.683, -12.098
Binary	00110100, 10011010, 10101010

#349aaa
```
#349aaa rgb(52,154,170)
```
#aa4434
```
#aa4434 rgb(170,68,52)
```

Complementary Color

#34aa7f
```
#34aa7f rgb(52,170,127)
```
#349aaa
```
#349aaa rgb(52,154,170)
```
#345faa
```
#345faa rgb(52,95,170)
```

Analogous Color

#aa7f34
```
#aa7f34 rgb(170,127,52)
```
#349aaa
```
#349aaa rgb(52,154,170)
```
#aa345f
```
#aa345f rgb(170,52,95)
```

Split Complementary Color

#9aaa34
```
#9aaa34 rgb(154,170,52)
```
#349aaa
```
#349aaa rgb(52,154,170)
```
#aa349a
```
#aa349a rgb(170,52,154)
```

Triadic Color

#34aa44
```
#34aa44 rgb(52,170,68)
```
#349aaa
```
#349aaa rgb(52,154,170)
```
#aa349a
```
#aa349a rgb(170,52,154)
```
#aa4434
```
#aa4434 rgb(170,68,52)
```

Tetradic Color

#22656f
```
#22656f rgb(34,101,111)
```
#287783
```
#287783 rgb(40,119,131)
```
#2e8896
```
#2e8896 rgb(46,136,150)
```
#349aaa
```
#349aaa rgb(52,154,170)
```
#3aacbe
```
#3aacbe rgb(58,172,190)
```
#4ab6c7
```
#4ab6c7 rgb(74,182,199)
```
#5dbecd
```
#5dbecd rgb(93,190,205)
```

Monochromatic Color

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

#34aa9d
```
#34aa9d rgb(52,170,157)
```
#34aaa6
```
#34aaa6 rgb(52,170,166)
```
#34a4aa
```
#34a4aa rgb(52,164,170)
```
#349aaa
```
#349aaa rgb(52,154,170)
```
#3490aa
```
#3490aa rgb(52,144,170)
```
#3486aa
```
#3486aa rgb(52,134,170)
```
#347daa
```
#347daa rgb(52,125,170)
```

Similar Colors

Text with hexadecimal color #349aaa

This text has a font color of #349aaa.

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

#349aaa background color

This paragraph has a background color of #349aaa.

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

#349aaa border color

This element has a border color of #349aaa.

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

CSS codes

.text {color:#349aaa;}

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

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

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)
```
#061214
```
#061214 rgb(6,18,20)
```
#0b2023
```
#0b2023 rgb(11,32,35)
```
#0f2d32
```
#0f2d32 rgb(15,45,50)
```
#143b41
```
#143b41 rgb(20,59,65)
```
#184850
```
#184850 rgb(24,72,80)
```
#1d565f
```
#1d565f rgb(29,86,95)
```
#22646e
```
#22646e rgb(34,100,110)
```
#26717d
```
#26717d rgb(38,113,125)
```
#2b7f8c
```
#2b7f8c rgb(43,127,140)
```
#2f8c9b
```
#2f8c9b rgb(47,140,155)
```
#349aaa
```
#349aaa rgb(52,154,170)
```
#39a8b9
```
#39a8b9 rgb(57,168,185)
```

Shade Color Variation

#41b3c5
```
#41b3c5 rgb(65,179,197)
```
#50b9c9
```
#50b9c9 rgb(80,185,201)
```
#5fbfce
```
#5fbfce rgb(95,191,206)
```
#6ec5d3
```
#6ec5d3 rgb(110,197,211)
```
#7dcbd7
```
#7dcbd7 rgb(125,203,215)
```
#8cd1dc
```
#8cd1dc rgb(140,209,220)
```
#9bd7e0
```
#9bd7e0 rgb(155,215,224)
```
#aadde5
```
#aadde5 rgb(170,221,229)
```
#b9e3e9
```
#b9e3e9 rgb(185,227,233)
```
#c8e9ee
```
#c8e9ee rgb(200,233,238)
```
#d7eff3
```
#d7eff3 rgb(215,239,243)
```
#e6f5f7
```
#e6f5f7 rgb(230,245,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 #01bfdd is the most saturated one.

#677577
```
#677577 rgb(103,117,119)
```
#5f7b7f
```
#5f7b7f rgb(95,123,127)
```
#568188
```
#568188 rgb(86,129,136)
```
#4e8790
```
#4e8790 rgb(78,135,144)
```
#458e99
```
#458e99 rgb(69,142,153)
```
#3d94a1
```
#3d94a1 rgb(61,148,161)
```
#349aaa
```
#349aaa rgb(52,154,170)
```
#2ba0b3
```
#2ba0b3 rgb(43,160,179)
```
#23a6bb
```
#23a6bb rgb(35,166,187)
```
#1aadc4
```
#1aadc4 rgb(26,173,196)
```
#12b3cc
```
#12b3cc rgb(18,179,204)
```
#09b9d5
```
#09b9d5 rgb(9,185,213)
```
#01bfdd
```
#01bfdd rgb(1,191,221)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#6e8386 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f92a6 Protanopia 1% of men
#8f90b4 Deuteranopia 1% of men
#3c9fab Tritanopia 0.001% of the population

Trichromacy

#6e94a7 Protanomaly 1% of men, 0.01% of women
#6d93b0 Deuteranomaly 6% of men, 0.4% of women
#399daa Tritanomaly 0.01% of the population

#349aaa hex color

#349aaa Color Information

#349aaa Color Conversion

Color Schemes with #349aaa

Alternatives to #349aaa

#349aaa Preview

Shades and Tints of #349aaa

Tones of #349aaa

Color Blindness Simulator