#349afa hex color

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

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

● #349afa color description : Bright blue.

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

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

CIE-LAB	62.288, 3.825, -55.982
XYZ	30.223, 30.741, 94.778
xyY	0.194, 0.197, 30.741
CIE-LCH	62.288, 56.112, 273.908
CIE-LUV	62.288, -33.997, -90.411
Hunter-Lab	55.444, 0.274, -62.541
Binary	00110100, 10011010, 11111010

#349afa
```
#349afa rgb(52,154,250)
```
#fa9434
```
#fa9434 rgb(250,148,52)
```

Complementary Color

#34faf7
```
#34faf7 rgb(52,250,247)
```
#349afa
```
#349afa rgb(52,154,250)
```
#3437fa
```
#3437fa rgb(52,55,250)
```

Analogous Color

#faf734
```
#faf734 rgb(250,247,52)
```
#349afa
```
#349afa rgb(52,154,250)
```
#fa3437
```
#fa3437 rgb(250,52,55)
```

Split Complementary Color

#9afa34
```
#9afa34 rgb(154,250,52)
```
#349afa
```
#349afa rgb(52,154,250)
```
#fa349a
```
#fa349a rgb(250,52,154)
```

Triadic Color

#34fa94
```
#34fa94 rgb(52,250,148)
```
#349afa
```
#349afa rgb(52,154,250)
```
#fa349a
```
#fa349a rgb(250,52,154)
```
#fa9434
```
#fa9434 rgb(250,148,52)
```

Tetradic Color

#0574dc
```
#0574dc rgb(5,116,220)
```
#0681f5
```
#0681f5 rgb(6,129,245)
```
#1b8ef9
```
#1b8ef9 rgb(27,142,249)
```
#349afa
```
#349afa rgb(52,154,250)
```
#4da6fb
```
#4da6fb rgb(77,166,251)
```
#66b3fb
```
#66b3fb rgb(102,179,251)
```
#7fbffc
```
#7fbffc rgb(127,191,252)
```

Monochromatic Color

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

#34ccfa
```
#34ccfa rgb(52,204,250)
```
#34bbfa
```
#34bbfa rgb(52,187,250)
```
#34abfa
```
#34abfa rgb(52,171,250)
```
#349afa
```
#349afa rgb(52,154,250)
```
#348afa
```
#348afa rgb(52,138,250)
```
#3479fa
```
#3479fa rgb(52,121,250)
```
#3469fa
```
#3469fa rgb(52,105,250)
```

Similar Colors

Text with hexadecimal color #349afa

This text has a font color of #349afa.

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

#349afa background color

This paragraph has a background color of #349afa.

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

#349afa border color

This element has a border color of #349afa.

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

CSS codes

.text {color:#349afa;}

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

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

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)
```
#022241
```
#022241 rgb(2,34,65)
```
#022c54
```
#022c54 rgb(2,44,84)
```
#033667
```
#033667 rgb(3,54,103)
```
#03417a
```
#03417a rgb(3,65,122)
```
#034b8e
```
#034b8e rgb(3,75,142)
```
#0455a1
```
#0455a1 rgb(4,85,161)
```
#045fb4
```
#045fb4 rgb(4,95,180)
```
#0569c7
```
#0569c7 rgb(5,105,199)
```
#0573da
```
#0573da rgb(5,115,218)
```
#067ded
```
#067ded rgb(6,125,237)
```

Shade Color Variation

#0e87f9
```
#0e87f9 rgb(14,135,249)
```
#2190fa
```
#2190fa rgb(33,144,250)
```
#349afa
```
#349afa rgb(52,154,250)
```
#47a4fa
```
#47a4fa rgb(71,164,250)
```
#5aadfb
```
#5aadfb rgb(90,173,251)
```
#6db7fb
```
#6db7fb rgb(109,183,251)
```
#81c0fc
```
#81c0fc rgb(129,192,252)
```
#94cafc
```
#94cafc rgb(148,202,252)
```
#a7d3fd
```
#a7d3fd rgb(167,211,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 #349afa 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)
```
#6c98c2
```
#6c98c2 rgb(108,152,194)
```
#6499ca
```
#6499ca rgb(100,153,202)
```
#5c99d2
```
#5c99d2 rgb(92,153,210)
```
#5499da
```
#5499da rgb(84,153,218)
```
#4c99e2
```
#4c99e2 rgb(76,153,226)
```
#449aea
```
#449aea rgb(68,154,234)
```
#3c9af2
```
#3c9af2 rgb(60,154,242)
```
#349afa
```
#349afa rgb(52,154,250)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#768a9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7399f5 Protanopia 1% of men
#509dfb Deuteranopia 1% of men
#00abb6 Tritanopia 0.001% of the population

Trichromacy

#5c99f6 Protanomaly 1% of men, 0.01% of women
#469cfa Deuteranomaly 6% of men, 0.4% of women
#12a4cf Tritanomaly 0.01% of the population

#349afa hex color

#349afa Color Information

#349afa Color Conversion

Color Schemes with #349afa

Alternatives to #349afa

#349afa Preview

Shades and Tints of #349afa

Tones of #349afa

Color Blindness Simulator