#349cbf hex color

In a RGB color space, hex #349cbf is composed of 20.4% red, 61.2% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 72.8% cyan, 18.3% magenta, 0% yellow and 25.1% black. It has a hue angle of 195.1 degrees, a saturation of 57.2% and a lightness of 47.6%. #349cbf color hex could be obtained by blending #68ffff with #00397f. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 20
- G 61
- B 75
RGB color chart
- C 73
- M 18
- Y 0
- K 25
CMYK color chart

● #349cbf color description : Moderate blue.

The hexadecimal color #349cbf has RGB values of R:52, G:156, B:191 and CMYK values of C:0.73, M:0.18, Y:0, K:0.25. Its decimal value is 3447999.

Hex triplet	349cbf	`#349cbf`
RGB Decimal	52, 156, 191	`rgb(52,156,191)`
RGB Percent	20.4, 61.2, 74.9	`rgb(20.4%,61.2%,74.9%)`
CMYK	73, 18, 0, 25
HSL	195.1°, 57.2, 47.6	`hsl(195.1,57.2%,47.6%)`
HSV (or HSB)	195.1°, 72.8, 74.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	60.129, -17.897, -26.609
XYZ	22.706, 28.267, 53.547
xyY	0.217, 0.27, 28.267
CIE-LCH	60.129, 32.068, 236.076
CIE-LUV	60.129, -37.752, -38.666
Hunter-Lab	53.166, -16.808, -22.498
Binary	00110100, 10011100, 10111111

#349cbf
```
#349cbf rgb(52,156,191)
```
#bf5734
```
#bf5734 rgb(191,87,52)
```

Complementary Color

#34bf9d
```
#34bf9d rgb(52,191,157)
```
#349cbf
```
#349cbf rgb(52,156,191)
```
#3456bf
```
#3456bf rgb(52,86,191)
```

Analogous Color

#bf9d34
```
#bf9d34 rgb(191,157,52)
```
#349cbf
```
#349cbf rgb(52,156,191)
```
#bf3457
```
#bf3457 rgb(191,52,87)
```

Split Complementary Color

#9cbf34
```
#9cbf34 rgb(156,191,52)
```
#349cbf
```
#349cbf rgb(52,156,191)
```
#bf349c
```
#bf349c rgb(191,52,156)
```

Triadic Color

#34bf57
```
#34bf57 rgb(52,191,87)
```
#349cbf
```
#349cbf rgb(52,156,191)
```
#bf349c
```
#bf349c rgb(191,52,156)
```
#bf5734
```
#bf5734 rgb(191,87,52)
```

Tetradic Color

#246b83
```
#246b83 rgb(36,107,131)
```
#297b97
```
#297b97 rgb(41,123,151)
```
#2f8cab
```
#2f8cab rgb(47,140,171)
```
#349cbf
```
#349cbf rgb(52,156,191)
```
#41a9cb
```
#41a9cb rgb(65,169,203)
```
#55b2d1
```
#55b2d1 rgb(85,178,209)
```
#69bbd6
```
#69bbd6 rgb(105,187,214)
```

Monochromatic Color

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

#34bfbf
```
#34bfbf rgb(52,191,191)
```
#34b3bf
```
#34b3bf rgb(52,179,191)
```
#34a8bf
```
#34a8bf rgb(52,168,191)
```
#349cbf
```
#349cbf rgb(52,156,191)
```
#3490bf
```
#3490bf rgb(52,144,191)
```
#3485bf
```
#3485bf rgb(52,133,191)
```
#3479bf
```
#3479bf rgb(52,121,191)
```

Similar Colors

Text with hexadecimal color #349cbf

This text has a font color of #349cbf.

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

#349cbf background color

This paragraph has a background color of #349cbf.

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

#349cbf border color

This element has a border color of #349cbf.

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

CSS codes

.text {color:#349cbf;}

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

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

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)
```
#0a1e25
```
#0a1e25 rgb(10,30,37)
```
#0e2b34
```
#0e2b34 rgb(14,43,52)
```
#123744
```
#123744 rgb(18,55,68)
```
#174453
```
#174453 rgb(23,68,83)
```
#1b5062
```
#1b5062 rgb(27,80,98)
```
#1f5d72
```
#1f5d72 rgb(31,93,114)
```
#236a81
```
#236a81 rgb(35,106,129)
```
#277691
```
#277691 rgb(39,118,145)
```
#2c83a0
```
#2c83a0 rgb(44,131,160)
```
#308fb0
```
#308fb0 rgb(48,143,176)
```
#349cbf
```
#349cbf rgb(52,156,191)
```

Shade Color Variation

#3da6ca
```
#3da6ca rgb(61,166,202)
```
#4cadce
```
#4cadce rgb(76,173,206)
```
#5bb4d2
```
#5bb4d2 rgb(91,180,210)
```
#6bbbd7
```
#6bbbd7 rgb(107,187,215)
```
#7ac3db
```
#7ac3db rgb(122,195,219)
```
#8acadf
```
#8acadf rgb(138,202,223)
```
#99d1e3
```
#99d1e3 rgb(153,209,227)
```
#a8d8e7
```
#a8d8e7 rgb(168,216,231)
```
#b8dfec
```
#b8dfec rgb(184,223,236)
```
#c7e6f0
```
#c7e6f0 rgb(199,230,240)
```
#d7edf4
```
#d7edf4 rgb(215,237,244)
```
#e6f4f8
```
#e6f4f8 rgb(230,244,248)
```
#f6fbfc
```
#f6fbfc rgb(246,251,252)
```

Tint Color Variation

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

#757c7e
```
#757c7e rgb(117,124,126)
```
#6c8087
```
#6c8087 rgb(108,128,135)
```
#638590
```
#638590 rgb(99,133,144)
```
#59899a
```
#59899a rgb(89,137,154)
```
#508ea3
```
#508ea3 rgb(80,142,163)
```
#4793ac
```
#4793ac rgb(71,147,172)
```
#3d97b6
```
#3d97b6 rgb(61,151,182)
```
#349cbf
```
#349cbf rgb(52,156,191)
```
#2ba1c8
```
#2ba1c8 rgb(43,161,200)
```
#21a5d2
```
#21a5d2 rgb(33,165,210)
```
#18aadb
```
#18aadb rgb(24,170,219)
```
#0fafe4
```
#0fafe4 rgb(15,175,228)
```
#05b3ee
```
#05b3ee rgb(5,179,238)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#72868d Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c95ba Protanopia 1% of men
#8794c7 Deuteranopia 1% of men
#2ca4b0 Tritanopia 0.001% of the population

Trichromacy

#6c97bc Protanomaly 1% of men, 0.01% of women
#6897c4 Deuteranomaly 6% of men, 0.4% of women
#2fa1b5 Tritanomaly 0.01% of the population

#349cbf hex color

#349cbf Color Information

#349cbf Color Conversion

Color Schemes with #349cbf

Alternatives to #349cbf

#349cbf Preview

Shades and Tints of #349cbf

Tones of #349cbf

Color Blindness Simulator