#349ffa hex color

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

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

● #349ffa color description : Bright blue.

The hexadecimal color #349ffa has RGB values of R:52, G:159, B:250 and CMYK values of C:0.79, M:0.36, Y:0, K:0.02. Its decimal value is 3448826.

Hex triplet	349ffa	`#349ffa`
RGB Decimal	52, 159, 250	`rgb(52,159,250)`
RGB Percent	20.4, 62.4, 98	`rgb(20.4%,62.4%,98%)`
CMYK	79, 36, 0, 2
HSL	207.6°, 95.2, 59.2	`hsl(207.6,95.2%,59.2%)`
HSV (or HSB)	207.6°, 79.2, 98
Web Safe	3399ff	`#3399ff`

CIE-LAB	63.693, 0.911, -53.748
XYZ	31.066, 32.426, 95.059
xyY	0.196, 0.205, 32.426
CIE-LCH	63.693, 53.755, 270.971
CIE-LUV	63.693, -35.622, -86.727
Hunter-Lab	56.944, -2.271, -59.115
Binary	00110100, 10011111, 11111010

#349ffa
```
#349ffa rgb(52,159,250)
```
#fa8f34
```
#fa8f34 rgb(250,143,52)
```

Complementary Color

#34faf2
```
#34faf2 rgb(52,250,242)
```
#349ffa
```
#349ffa rgb(52,159,250)
```
#343cfa
```
#343cfa rgb(52,60,250)
```

Analogous Color

#faf234
```
#faf234 rgb(250,242,52)
```
#349ffa
```
#349ffa rgb(52,159,250)
```
#fa343c
```
#fa343c rgb(250,52,60)
```

Split Complementary Color

#9ffa34
```
#9ffa34 rgb(159,250,52)
```
#349ffa
```
#349ffa rgb(52,159,250)
```
#fa349f
```
#fa349f rgb(250,52,159)
```

Triadic Color

#34fa8f
```
#34fa8f rgb(52,250,143)
```
#349ffa
```
#349ffa rgb(52,159,250)
```
#fa349f
```
#fa349f rgb(250,52,159)
```
#fa8f34
```
#fa8f34 rgb(250,143,52)
```

Tetradic Color

#0579dc
```
#0579dc rgb(5,121,220)
```
#0687f5
```
#0687f5 rgb(6,135,245)
```
#1b93f9
```
#1b93f9 rgb(27,147,249)
```
#349ffa
```
#349ffa rgb(52,159,250)
```
#4dabfb
```
#4dabfb rgb(77,171,251)
```
#66b7fb
```
#66b7fb rgb(102,183,251)
```
#7fc2fc
```
#7fc2fc rgb(127,194,252)
```

Monochromatic Color

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

#34d1fa
```
#34d1fa rgb(52,209,250)
```
#34c0fa
```
#34c0fa rgb(52,192,250)
```
#34b0fa
```
#34b0fa rgb(52,176,250)
```
#349ffa
```
#349ffa rgb(52,159,250)
```
#348ffa
```
#348ffa rgb(52,143,250)
```
#347efa
```
#347efa rgb(52,126,250)
```
#346efa
```
#346efa rgb(52,110,250)
```

Similar Colors

Text with hexadecimal color #349ffa

This text has a font color of #349ffa.

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

#349ffa background color

This paragraph has a background color of #349ffa.

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

#349ffa border color

This element has a border color of #349ffa.

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

CSS codes

.text {color:#349ffa;}

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

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

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 #f3faff is the lightest one.

#000408
```
#000408 rgb(0,4,8)
```
#010f1b
```
#010f1b rgb(1,15,27)
```
#01192e
```
#01192e rgb(1,25,46)
```
#022441
```
#022441 rgb(2,36,65)
```
#022e54
```
#022e54 rgb(2,46,84)
```
#033967
```
#033967 rgb(3,57,103)
```
#03447a
```
#03447a rgb(3,68,122)
```
#034e8e
```
#034e8e rgb(3,78,142)
```
#0459a1
```
#0459a1 rgb(4,89,161)
```
#0463b4
```
#0463b4 rgb(4,99,180)
```
#056ec7
```
#056ec7 rgb(5,110,199)
```
#0578da
```
#0578da rgb(5,120,218)
```
#0683ed
```
#0683ed rgb(6,131,237)
```

Shade Color Variation

#0e8df9
```
#0e8df9 rgb(14,141,249)
```
#2196fa
```
#2196fa rgb(33,150,250)
```
#349ffa
```
#349ffa rgb(52,159,250)
```
#47a8fa
```
#47a8fa rgb(71,168,250)
```
#5ab1fb
```
#5ab1fb rgb(90,177,251)
```
#6dbafb
```
#6dbafb rgb(109,186,251)
```
#81c3fc
```
#81c3fc rgb(129,195,252)
```
#94ccfc
```
#94ccfc rgb(148,204,252)
```
#a7d5fd
```
#a7d5fd rgb(167,213,253)
```
#badefd
```
#badefd rgb(186,222,253)
```
#cde7fe
```
#cde7fe rgb(205,231,254)
```
#e0f0fe
```
#e0f0fe rgb(224,240,254)
```
#f3faff
```
#f3faff rgb(243,250,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 #349ffa is the most saturated one.

#94979a
```
#94979a rgb(148,151,154)
```
#8c98a2
```
#8c98a2 rgb(140,152,162)
```
#8499aa
```
#8499aa rgb(132,153,170)
```
#7c99b2
```
#7c99b2 rgb(124,153,178)
```
#749aba
```
#749aba rgb(116,154,186)
```
#6c9ac2
```
#6c9ac2 rgb(108,154,194)
```
#649bca
```
#649bca rgb(100,155,202)
```
#5c9cd2
```
#5c9cd2 rgb(92,156,210)
```
#549cda
```
#549cda rgb(84,156,218)
```
#4c9de2
```
#4c9de2 rgb(76,157,226)
```
#449eea
```
#449eea rgb(68,158,234)
```
#3c9ef2
```
#3c9ef2 rgb(60,158,242)
```
#349ffa
```
#349ffa rgb(52,159,250)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#788da0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a9cf4 Protanopia 1% of men
#5ca0fb Deuteranopia 1% of men
#00afba Tritanopia 0.001% of the population

Trichromacy

#619df6 Protanomaly 1% of men, 0.01% of women
#4e9ffb Deuteranomaly 6% of men, 0.4% of women
#12a9d1 Tritanomaly 0.01% of the population

#349ffa hex color

#349ffa Color Information

#349ffa Color Conversion

Color Schemes with #349ffa

Alternatives to #349ffa

#349ffa Preview

Shades and Tints of #349ffa

Tones of #349ffa

Color Blindness Simulator