#349abc hex color

In a RGB color space, hex #349abc is composed of 20.4% red, 60.4% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 72.3% cyan, 18.1% magenta, 0% yellow and 26.3% black. It has a hue angle of 195 degrees, a saturation of 56.7% and a lightness of 47.1%. #349abc color hex could be obtained by blending #68ffff with #003579. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 20
- G 60
- B 74
RGB color chart
- C 72
- M 18
- Y 0
- K 26
CMYK color chart

● #349abc color description : Moderate blue.

The hexadecimal color #349abc has RGB values of R:52, G:154, B:188 and CMYK values of C:0.72, M:0.18, Y:0, K:0.26. Its decimal value is 3447484.

Hex triplet	349abc	`#349abc`
RGB Decimal	52, 154, 188	`rgb(52,154,188)`
RGB Percent	20.4, 60.4, 73.7	`rgb(20.4%,60.4%,73.7%)`
CMYK	72, 18, 0, 26
HSL	195°, 56.7, 47.1	`hsl(195,56.7%,47.1%)`
HSV (or HSB)	195°, 72.3, 73.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	59.407, -17.819, -26.032
XYZ	22.046, 27.47, 51.715
xyY	0.218, 0.271, 27.47
CIE-LCH	59.407, 31.547, 235.608
CIE-LUV	59.407, -37.209, -37.658
Hunter-Lab	52.412, -16.637, -21.813
Binary	00110100, 10011010, 10111100

#349abc
```
#349abc rgb(52,154,188)
```
#bc5634
```
#bc5634 rgb(188,86,52)
```

Complementary Color

#34bc9a
```
#34bc9a rgb(52,188,154)
```
#349abc
```
#349abc rgb(52,154,188)
```
#3456bc
```
#3456bc rgb(52,86,188)
```

Analogous Color

#bc9a34
```
#bc9a34 rgb(188,154,52)
```
#349abc
```
#349abc rgb(52,154,188)
```
#bc3456
```
#bc3456 rgb(188,52,86)
```

Split Complementary Color

#9abc34
```
#9abc34 rgb(154,188,52)
```
#349abc
```
#349abc rgb(52,154,188)
```
#bc349a
```
#bc349a rgb(188,52,154)
```

Triadic Color

#34bc56
```
#34bc56 rgb(52,188,86)
```
#349abc
```
#349abc rgb(52,154,188)
```
#bc349a
```
#bc349a rgb(188,52,154)
```
#bc5634
```
#bc5634 rgb(188,86,52)
```

Tetradic Color

#236980
```
#236980 rgb(35,105,128)
```
#297994
```
#297994 rgb(41,121,148)
```
#2e8aa8
```
#2e8aa8 rgb(46,138,168)
```
#349abc
```
#349abc rgb(52,154,188)
```
#3fa7ca
```
#3fa7ca rgb(63,167,202)
```
#53b1d0
```
#53b1d0 rgb(83,177,208)
```
#67bad5
```
#67bad5 rgb(103,186,213)
```

Monochromatic Color

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

#34bcbc
```
#34bcbc rgb(52,188,188)
```
#34b1bc
```
#34b1bc rgb(52,177,188)
```
#34a5bc
```
#34a5bc rgb(52,165,188)
```
#349abc
```
#349abc rgb(52,154,188)
```
#348fbc
```
#348fbc rgb(52,143,188)
```
#3483bc
```
#3483bc rgb(52,131,188)
```
#3478bc
```
#3478bc rgb(52,120,188)
```

Similar Colors

Text with hexadecimal color #349abc

This text has a font color of #349abc.

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

#349abc background color

This paragraph has a background color of #349abc.

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

#349abc border color

This element has a border color of #349abc.

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

CSS codes

.text {color:#349abc;}

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

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

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

#010304
```
#010304 rgb(1,3,4)
```
#051013
```
#051013 rgb(5,16,19)
```
#091c22
```
#091c22 rgb(9,28,34)
```
#0e2932
```
#0e2932 rgb(14,41,50)
```
#123541
```
#123541 rgb(18,53,65)
```
#164250
```
#164250 rgb(22,66,80)
```
#1b4e60
```
#1b4e60 rgb(27,78,96)
```
#1f5b6f
```
#1f5b6f rgb(31,91,111)
```
#23687f
```
#23687f rgb(35,104,127)
```
#27748e
```
#27748e rgb(39,116,142)
```
#2c819d
```
#2c819d rgb(44,129,157)
```
#308dad
```
#308dad rgb(48,141,173)
```
#349abc
```
#349abc rgb(52,154,188)
```

Shade Color Variation

#3ba5c9
```
#3ba5c9 rgb(59,165,201)
```
#4aaccd
```
#4aaccd rgb(74,172,205)
```
#5ab3d1
```
#5ab3d1 rgb(90,179,209)
```
#69bad6
```
#69bad6 rgb(105,186,214)
```
#78c1da
```
#78c1da rgb(120,193,218)
```
#88c8de
```
#88c8de rgb(136,200,222)
```
#97cfe2
```
#97cfe2 rgb(151,207,226)
```
#a6d6e7
```
#a6d6e7 rgb(166,214,231)
```
#b6deeb
```
#b6deeb rgb(182,222,235)
```
#c5e5ef
```
#c5e5ef rgb(197,229,239)
```
#d5ecf3
```
#d5ecf3 rgb(213,236,243)
```
#e4f3f8
```
#e4f3f8 rgb(228,243,248)
```
#f3fafc
```
#f3fafc rgb(243,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #757a7b is the less saturated color, while #06b1ea is the most saturated one.

#757a7b
```
#757a7b rgb(117,122,123)
```
#6b7e85
```
#6b7e85 rgb(107,126,133)
```
#62838e
```
#62838e rgb(98,131,142)
```
#598897
```
#598897 rgb(89,136,151)
```
#508ca0
```
#508ca0 rgb(80,140,160)
```
#4691aa
```
#4691aa rgb(70,145,170)
```
#3d95b3
```
#3d95b3 rgb(61,149,179)
```
#349abc
```
#349abc rgb(52,154,188)
```
#2b9fc5
```
#2b9fc5 rgb(43,159,197)
```
#22a3ce
```
#22a3ce rgb(34,163,206)
```
#18a8d8
```
#18a8d8 rgb(24,168,216)
```
#0face1
```
#0face1 rgb(15,172,225)
```
#06b1ea
```
#06b1ea rgb(6,177,234)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#70848b Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b93b7 Protanopia 1% of men
#8693c4 Deuteranopia 1% of men
#2ea2ae Tritanopia 0.001% of the population

Trichromacy

#6b95b9 Protanomaly 1% of men, 0.01% of women
#6895c1 Deuteranomaly 6% of men, 0.4% of women
#309fb3 Tritanomaly 0.01% of the population

#349abc hex color

#349abc Color Information

#349abc Color Conversion

Color Schemes with #349abc

Alternatives to #349abc

#349abc Preview

Shades and Tints of #349abc

Tones of #349abc

Color Blindness Simulator