#349bfa hex color

In a RGB color space, hex #349bfa is composed of 20.4% red, 60.8% green and 98% blue. Whereas in a CMYK color space, it is composed of 79.2% cyan, 38% magenta, 0% yellow and 2% black. It has a hue angle of 208.8 degrees, a saturation of 95.2% and a lightness of 59.2%. #349bfa color hex could be obtained by blending #68ffff with #0037f5. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 20
- G 61
- B 98
RGB color chart
- C 79
- M 38
- Y 0
- K 2
CMYK color chart

● #349bfa color description : Bright blue.

The hexadecimal color #349bfa has RGB values of R:52, G:155, B:250 and CMYK values of C:0.79, M:0.38, Y:0, K:0.02. Its decimal value is 3447802.

Hex triplet	349bfa	`#349bfa`
RGB Decimal	52, 155, 250	`rgb(52,155,250)`
RGB Percent	20.4, 60.8, 98	`rgb(20.4%,60.8%,98%)`
CMYK	79, 38, 0, 2
HSL	208.8°, 95.2, 59.2	`hsl(208.8,95.2%,59.2%)`
HSV (or HSB)	208.8°, 79.2, 98
Web Safe	3399ff	`#3399ff`

CIE-LAB	62.569, 3.239, -55.535
XYZ	30.389, 31.072, 94.833
xyY	0.194, 0.199, 31.072
CIE-LCH	62.569, 55.63, 273.338
CIE-LUV	62.569, -34.32, -89.682
Hunter-Lab	55.743, -0.238, -61.849
Binary	00110100, 10011011, 11111010

#349bfa
```
#349bfa rgb(52,155,250)
```
#fa9334
```
#fa9334 rgb(250,147,52)
```

Complementary Color

#34faf6
```
#34faf6 rgb(52,250,246)
```
#349bfa
```
#349bfa rgb(52,155,250)
```
#3438fa
```
#3438fa rgb(52,56,250)
```

Analogous Color

#faf634
```
#faf634 rgb(250,246,52)
```
#349bfa
```
#349bfa rgb(52,155,250)
```
#fa3438
```
#fa3438 rgb(250,52,56)
```

Split Complementary Color

#9bfa34
```
#9bfa34 rgb(155,250,52)
```
#349bfa
```
#349bfa rgb(52,155,250)
```
#fa349b
```
#fa349b rgb(250,52,155)
```

Triadic Color

#34fa93
```
#34fa93 rgb(52,250,147)
```
#349bfa
```
#349bfa rgb(52,155,250)
```
#fa349b
```
#fa349b rgb(250,52,155)
```
#fa9334
```
#fa9334 rgb(250,147,52)
```

Tetradic Color

#0575dc
```
#0575dc rgb(5,117,220)
```
#0682f5
```
#0682f5 rgb(6,130,245)
```
#1b8ff9
```
#1b8ff9 rgb(27,143,249)
```
#349bfa
```
#349bfa rgb(52,155,250)
```
#4da7fb
```
#4da7fb rgb(77,167,251)
```
#66b4fb
```
#66b4fb rgb(102,180,251)
```
#7fc0fc
```
#7fc0fc rgb(127,192,252)
```

Monochromatic Color

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

#34cdfa
```
#34cdfa rgb(52,205,250)
```
#34bcfa
```
#34bcfa rgb(52,188,250)
```
#34acfa
```
#34acfa rgb(52,172,250)
```
#349bfa
```
#349bfa rgb(52,155,250)
```
#348bfa
```
#348bfa rgb(52,139,250)
```
#347afa
```
#347afa rgb(52,122,250)
```
#346afa
```
#346afa rgb(52,106,250)
```

Similar Colors

Text with hexadecimal color #349bfa

This text has a font color of #349bfa.

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

#349bfa background color

This paragraph has a background color of #349bfa.

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

#349bfa border color

This element has a border color of #349bfa.

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

CSS codes

.text {color:#349bfa;}

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

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

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

#000408
```
#000408 rgb(0,4,8)
```
#010e1b
```
#010e1b rgb(1,14,27)
```
#01182e
```
#01182e rgb(1,24,46)
```
#022341
```
#022341 rgb(2,35,65)
```
#022d54
```
#022d54 rgb(2,45,84)
```
#033767
```
#033767 rgb(3,55,103)
```
#03417a
```
#03417a rgb(3,65,122)
```
#034b8e
```
#034b8e rgb(3,75,142)
```
#0456a1
```
#0456a1 rgb(4,86,161)
```
#0460b4
```
#0460b4 rgb(4,96,180)
```
#056ac7
```
#056ac7 rgb(5,106,199)
```
#0574da
```
#0574da rgb(5,116,218)
```
#067eed
```
#067eed rgb(6,126,237)
```

Shade Color Variation

#0e88f9
```
#0e88f9 rgb(14,136,249)
```
#2192fa
```
#2192fa rgb(33,146,250)
```
#349bfa
```
#349bfa rgb(52,155,250)
```
#47a4fa
```
#47a4fa rgb(71,164,250)
```
#5aaefb
```
#5aaefb rgb(90,174,251)
```
#6db7fb
```
#6db7fb rgb(109,183,251)
```
#81c1fc
```
#81c1fc rgb(129,193,252)
```
#94cafc
```
#94cafc rgb(148,202,252)
```
#a7d4fd
```
#a7d4fd rgb(167,212,253)
```
#baddfd
```
#baddfd rgb(186,221,253)
```
#cde6fe
```
#cde6fe rgb(205,230,254)
```
#e0f0fe
```
#e0f0fe rgb(224,240,254)
```
#f3f9ff
```
#f3f9ff rgb(243,249,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #94979a is the less saturated color, while #349bfa is the most saturated one.

#94979a
```
#94979a rgb(148,151,154)
```
#8c97a2
```
#8c97a2 rgb(140,151,162)
```
#8498aa
```
#8498aa rgb(132,152,170)
```
#7c98b2
```
#7c98b2 rgb(124,152,178)
```
#7498ba
```
#7498ba rgb(116,152,186)
```
#6c99c2
```
#6c99c2 rgb(108,153,194)
```
#6499ca
```
#6499ca rgb(100,153,202)
```
#5c99d2
```
#5c99d2 rgb(92,153,210)
```
#549ada
```
#549ada rgb(84,154,218)
```
#4c9ae2
```
#4c9ae2 rgb(76,154,226)
```
#449aea
```
#449aea rgb(68,154,234)
```
#3c9bf2
```
#3c9bf2 rgb(60,155,242)
```
#349bfa
```
#349bfa rgb(52,155,250)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#768b9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7599f5 Protanopia 1% of men
#539dfb Deuteranopia 1% of men
#00acb7 Tritanopia 0.001% of the population

Trichromacy

#5d9af6 Protanomaly 1% of men, 0.01% of women
#479cfa Deuteranomaly 6% of men, 0.4% of women
#12a5cf Tritanomaly 0.01% of the population

#349bfa hex color

#349bfa Color Information

#349bfa Color Conversion

Color Schemes with #349bfa

Alternatives to #349bfa

#349bfa Preview

Shades and Tints of #349bfa

Tones of #349bfa

Color Blindness Simulator