#349efa hex color

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

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

● #349efa color description : Bright blue.

The hexadecimal color #349efa has RGB values of R:52, G:158, B:250 and CMYK values of C:0.79, M:0.37, Y:0, K:0.02. Its decimal value is 3448570.

Hex triplet	349efa	`#349efa`
RGB Decimal	52, 158, 250	`rgb(52,158,250)`
RGB Percent	20.4, 62, 98	`rgb(20.4%,62%,98%)`
CMYK	79, 37, 0, 2
HSL	207.9°, 95.2, 59.2	`hsl(207.9,95.2%,59.2%)`
HSV (or HSB)	207.9°, 79.2, 98
Web Safe	3399ff	`#3399ff`

CIE-LAB	63.412, 1.49, -54.195
XYZ	30.894, 32.083, 95.002
xyY	0.196, 0.203, 32.083
CIE-LCH	63.412, 54.215, 271.575
CIE-LUV	63.412, -35.295, -87.471
Hunter-Lab	56.642, -1.765, -59.793
Binary	00110100, 10011110, 11111010

#349efa
```
#349efa rgb(52,158,250)
```
#fa9034
```
#fa9034 rgb(250,144,52)
```

Complementary Color

#34faf3
```
#34faf3 rgb(52,250,243)
```
#349efa
```
#349efa rgb(52,158,250)
```
#343bfa
```
#343bfa rgb(52,59,250)
```

Analogous Color

#faf334
```
#faf334 rgb(250,243,52)
```
#349efa
```
#349efa rgb(52,158,250)
```
#fa343b
```
#fa343b rgb(250,52,59)
```

Split Complementary Color

#9efa34
```
#9efa34 rgb(158,250,52)
```
#349efa
```
#349efa rgb(52,158,250)
```
#fa349e
```
#fa349e rgb(250,52,158)
```

Triadic Color

#34fa90
```
#34fa90 rgb(52,250,144)
```
#349efa
```
#349efa rgb(52,158,250)
```
#fa349e
```
#fa349e rgb(250,52,158)
```
#fa9034
```
#fa9034 rgb(250,144,52)
```

Tetradic Color

#0578dc
```
#0578dc rgb(5,120,220)
```
#0686f5
```
#0686f5 rgb(6,134,245)
```
#1b92f9
```
#1b92f9 rgb(27,146,249)
```
#349efa
```
#349efa rgb(52,158,250)
```
#4daafb
```
#4daafb rgb(77,170,251)
```
#66b6fb
```
#66b6fb rgb(102,182,251)
```
#7fc2fc
```
#7fc2fc rgb(127,194,252)
```

Monochromatic Color

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

#34d0fa
```
#34d0fa rgb(52,208,250)
```
#34bffa
```
#34bffa rgb(52,191,250)
```
#34affa
```
#34affa rgb(52,175,250)
```
#349efa
```
#349efa rgb(52,158,250)
```
#348efa
```
#348efa rgb(52,142,250)
```
#347dfa
```
#347dfa rgb(52,125,250)
```
#346dfa
```
#346dfa rgb(52,109,250)
```

Similar Colors

Text with hexadecimal color #349efa

This text has a font color of #349efa.

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

#349efa background color

This paragraph has a background color of #349efa.

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

#349efa border color

This element has a border color of #349efa.

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

CSS codes

.text {color:#349efa;}

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

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

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)
```
#010f1b
```
#010f1b rgb(1,15,27)
```
#01192e
```
#01192e rgb(1,25,46)
```
#022441
```
#022441 rgb(2,36,65)
```
#022e54
```
#022e54 rgb(2,46,84)
```
#033867
```
#033867 rgb(3,56,103)
```
#03437a
```
#03437a rgb(3,67,122)
```
#034d8e
```
#034d8e rgb(3,77,142)
```
#0458a1
```
#0458a1 rgb(4,88,161)
```
#0462b4
```
#0462b4 rgb(4,98,180)
```
#056dc7
```
#056dc7 rgb(5,109,199)
```
#0577da
```
#0577da rgb(5,119,218)
```
#0682ed
```
#0682ed rgb(6,130,237)
```

Shade Color Variation

#0e8cf9
```
#0e8cf9 rgb(14,140,249)
```
#2195fa
```
#2195fa rgb(33,149,250)
```
#349efa
```
#349efa rgb(52,158,250)
```
#47a7fa
```
#47a7fa rgb(71,167,250)
```
#5ab0fb
```
#5ab0fb rgb(90,176,251)
```
#6db9fb
```
#6db9fb rgb(109,185,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)
```
#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 #349efa is the most saturated one.

#94979a
```
#94979a rgb(148,151,154)
```
#8c98a2
```
#8c98a2 rgb(140,152,162)
```
#8498aa
```
#8498aa rgb(132,152,170)
```
#7c99b2
```
#7c99b2 rgb(124,153,178)
```
#7499ba
```
#7499ba rgb(116,153,186)
```
#6c9ac2
```
#6c9ac2 rgb(108,154,194)
```
#649bca
```
#649bca rgb(100,155,202)
```
#5c9bd2
```
#5c9bd2 rgb(92,155,210)
```
#549cda
```
#549cda rgb(84,156,218)
```
#4c9ce2
```
#4c9ce2 rgb(76,156,226)
```
#449dea
```
#449dea rgb(68,157,234)
```
#3c9df2
```
#3c9df2 rgb(60,157,242)
```
#349efa
```
#349efa rgb(52,158,250)
```

Tone Color Variation

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

#799bf4 Protanopia 1% of men
#5a9ffb Deuteranopia 1% of men
#00aeb9 Tritanopia 0.001% of the population

Trichromacy

#609cf6 Protanomaly 1% of men, 0.01% of women
#4c9ffb Deuteranomaly 6% of men, 0.4% of women
#12a8d1 Tritanomaly 0.01% of the population

#349efa hex color

#349efa Color Information

#349efa Color Conversion

Color Schemes with #349efa

Alternatives to #349efa

#349efa Preview

Shades and Tints of #349efa

Tones of #349efa

Color Blindness Simulator