#349ffd hex color

In a RGB color space, hex #349ffd is composed of 20.4% red, 62.4% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 79.4% cyan, 37.2% magenta, 0% yellow and 0.8% black. It has a hue angle of 208.1 degrees, a saturation of 98% and a lightness of 59.8%. #349ffd color hex could be obtained by blending #68ffff with #003ffb. Closest websafe color is: #3399ff.

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

● #349ffd color description : Bright blue.

The hexadecimal color #349ffd has RGB values of R:52, G:159, B:253 and CMYK values of C:0.79, M:0.37, Y:0, K:0.01. Its decimal value is 3448829.

Hex triplet	349ffd	`#349ffd`
RGB Decimal	52, 159, 253	`rgb(52,159,253)`
RGB Percent	20.4, 62.4, 99.2	`rgb(20.4%,62.4%,99.2%)`
CMYK	79, 37, 0, 1
HSL	208.1°, 98, 59.8	`hsl(208.1,98%,59.8%)`
HSV (or HSB)	208.1°, 79.4, 99.2
Web Safe	3399ff	`#3399ff`

CIE-LAB	63.848, 1.986, -55.14
XYZ	31.54, 32.616, 97.556
xyY	0.195, 0.202, 32.616
CIE-LCH	63.848, 55.176, 272.063
CIE-LUV	63.848, -35.481, -89.207
Hunter-Lab	57.11, -1.363, -61.303
Binary	00110100, 10011111, 11111101

#349ffd
```
#349ffd rgb(52,159,253)
```
#fd9234
```
#fd9234 rgb(253,146,52)
```

Complementary Color

#34fdf7
```
#34fdf7 rgb(52,253,247)
```
#349ffd
```
#349ffd rgb(52,159,253)
```
#343afd
```
#343afd rgb(52,58,253)
```

Analogous Color

#fdf734
```
#fdf734 rgb(253,247,52)
```
#349ffd
```
#349ffd rgb(52,159,253)
```
#fd343a
```
#fd343a rgb(253,52,58)
```

Split Complementary Color

#9ffd34
```
#9ffd34 rgb(159,253,52)
```
#349ffd
```
#349ffd rgb(52,159,253)
```
#fd349f
```
#fd349f rgb(253,52,159)
```

Triadic Color

#34fd92
```
#34fd92 rgb(52,253,146)
```
#349ffd
```
#349ffd rgb(52,159,253)
```
#fd349f
```
#fd349f rgb(253,52,159)
```
#fd9234
```
#fd9234 rgb(253,146,52)
```

Tetradic Color

#0279e2
```
#0279e2 rgb(2,121,226)
```
#0287fc
```
#0287fc rgb(2,135,252)
```
#1b93fd
```
#1b93fd rgb(27,147,253)
```
#349ffd
```
#349ffd rgb(52,159,253)
```
#4dabfd
```
#4dabfd rgb(77,171,253)
```
#67b7fd
```
#67b7fd rgb(103,183,253)
```
#80c3fe
```
#80c3fe rgb(128,195,254)
```

Monochromatic Color

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

#34d1fd
```
#34d1fd rgb(52,209,253)
```
#34c1fd
```
#34c1fd rgb(52,193,253)
```
#34b0fd
```
#34b0fd rgb(52,176,253)
```
#349ffd
```
#349ffd rgb(52,159,253)
```
#348efd
```
#348efd rgb(52,142,253)
```
#347efd
```
#347efd rgb(52,126,253)
```
#346dfd
```
#346dfd rgb(52,109,253)
```

Similar Colors

Text with hexadecimal color #349ffd

This text has a font color of #349ffd.

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

#349ffd background color

This paragraph has a background color of #349ffd.

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

#349ffd border color

This element has a border color of #349ffd.

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

CSS codes

.text {color:#349ffd;}

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

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

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, #00060b is the darkest color, while #f6fbff is the lightest one.

#00060b
```
#00060b rgb(0,6,11)
```
#00101e
```
#00101e rgb(0,16,30)
```
#001b32
```
#001b32 rgb(0,27,50)
```
#012545
```
#012545 rgb(1,37,69)
```
#012f58
```
#012f58 rgb(1,47,88)
```
#013a6c
```
#013a6c rgb(1,58,108)
```
#01447f
```
#01447f rgb(1,68,127)
```
#014f93
```
#014f93 rgb(1,79,147)
```
#0259a6
```
#0259a6 rgb(2,89,166)
```
#0264b9
```
#0264b9 rgb(2,100,185)
```
#026ecd
```
#026ecd rgb(2,110,205)
```
#0278e0
```
#0278e0 rgb(2,120,224)
```
#0283f4
```
#0283f4 rgb(2,131,244)
```

Shade Color Variation

#0d8dfd
```
#0d8dfd rgb(13,141,253)
```
#2196fd
```
#2196fd rgb(33,150,253)
```
#349ffd
```
#349ffd rgb(52,159,253)
```
#47a8fd
```
#47a8fd rgb(71,168,253)
```
#5bb1fd
```
#5bb1fd rgb(91,177,253)
```
#6ebbfe
```
#6ebbfe rgb(110,187,254)
```
#82c4fe
```
#82c4fe rgb(130,196,254)
```
#95cdfe
```
#95cdfe rgb(149,205,254)
```
#a9d6fe
```
#a9d6fe rgb(169,214,254)
```
#bcdffe
```
#bcdffe rgb(188,223,254)
```
#cfe8ff
```
#cfe8ff rgb(207,232,255)
```
#e3f2ff
```
#e3f2ff rgb(227,242,255)
```
#f6fbff
```
#f6fbff rgb(246,251,255)
```

Tint Color Variation

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

#93999e
```
#93999e rgb(147,153,158)
```
#8b99a6
```
#8b99a6 rgb(139,153,166)
```
#839aae
```
#839aae rgb(131,154,174)
```
#7b9ab6
```
#7b9ab6 rgb(123,154,182)
```
#739bbe
```
#739bbe rgb(115,155,190)
```
#6b9bc6
```
#6b9bc6 rgb(107,155,198)
```
#639cce
```
#639cce rgb(99,156,206)
```
#5b9cd6
```
#5b9cd6 rgb(91,156,214)
```
#549ddd
```
#549ddd rgb(84,157,221)
```
#4c9de5
```
#4c9de5 rgb(76,157,229)
```
#449eed
```
#449eed rgb(68,158,237)
```
#3c9ef5
```
#3c9ef5 rgb(60,158,245)
```
#349ffd
```
#349ffd rgb(52,159,253)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#798ea1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#799cf7 Protanopia 1% of men
#59a1fe Deuteranopia 1% of men
#00afbb Tritanopia 0.001% of the population

Trichromacy

#609df9 Protanomaly 1% of men, 0.01% of women
#4ba0fd Deuteranomaly 6% of men, 0.4% of women
#12a9d3 Tritanomaly 0.01% of the population

#349ffd hex color

#349ffd Color Information

#349ffd Color Conversion

Color Schemes with #349ffd

Alternatives to #349ffd

#349ffd Preview

Shades and Tints of #349ffd

Tones of #349ffd

Color Blindness Simulator