#349efe hex color

In a RGB color space, hex #349efe is composed of 20.4% red, 62% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 79.5% cyan, 37.8% magenta, 0% yellow and 0.4% black. It has a hue angle of 208.5 degrees, a saturation of 99% and a lightness of 60%. #349efe color hex could be obtained by blending #68ffff with #003dfd. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 20
- G 62
- B 100
RGB color chart
- C 80
- M 38
- Y 0
- K 0
CMYK color chart

● #349efe color description : Bright blue.

The hexadecimal color #349efe has RGB values of R:52, G:158, B:254 and CMYK values of C:0.8, M:0.38, Y:0, K:0. Its decimal value is 3448574.

Hex triplet	349efe	`#349efe`
RGB Decimal	52, 158, 254	`rgb(52,158,254)`
RGB Percent	20.4, 62, 99.6	`rgb(20.4%,62%,99.6%)`
CMYK	80, 38, 0, 0
HSL	208.5°, 99, 60	`hsl(208.5,99%,60%)`
HSV (or HSB)	208.5°, 79.5, 99.6
Web Safe	3399ff	`#3399ff`

CIE-LAB	63.62, 2.927, -56.048
XYZ	31.528, 32.337, 98.34
xyY	0.194, 0.199, 32.337
CIE-LCH	63.62, 56.125, 272.989
CIE-LUV	63.62, -35.111, -90.768
Hunter-Lab	56.866, -0.548, -62.727
Binary	00110100, 10011110, 11111110

#349efe
```
#349efe rgb(52,158,254)
```
#fe9434
```
#fe9434 rgb(254,148,52)
```

Complementary Color

#34fef9
```
#34fef9 rgb(52,254,249)
```
#349efe
```
#349efe rgb(52,158,254)
```
#3439fe
```
#3439fe rgb(52,57,254)
```

Analogous Color

#fef934
```
#fef934 rgb(254,249,52)
```
#349efe
```
#349efe rgb(52,158,254)
```
#fe3439
```
#fe3439 rgb(254,52,57)
```

Split Complementary Color

#9efe34
```
#9efe34 rgb(158,254,52)
```
#349efe
```
#349efe rgb(52,158,254)
```
#fe349e
```
#fe349e rgb(254,52,158)
```

Triadic Color

#34fe94
```
#34fe94 rgb(52,254,148)
```
#349efe
```
#349efe rgb(52,158,254)
```
#fe349e
```
#fe349e rgb(254,52,158)
```
#fe9434
```
#fe9434 rgb(254,148,52)
```

Tetradic Color

#0178e4
```
#0178e4 rgb(1,120,228)
```
#0186fe
```
#0186fe rgb(1,134,254)
```
#1b92fe
```
#1b92fe rgb(27,146,254)
```
#349efe
```
#349efe rgb(52,158,254)
```
#4daafe
```
#4daafe rgb(77,170,254)
```
#67b6fe
```
#67b6fe rgb(103,182,254)
```
#80c2fe
```
#80c2fe rgb(128,194,254)
```

Monochromatic Color

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

#34d1fe
```
#34d1fe rgb(52,209,254)
```
#34c0fe
```
#34c0fe rgb(52,192,254)
```
#34affe
```
#34affe rgb(52,175,254)
```
#349efe
```
#349efe rgb(52,158,254)
```
#348dfe
```
#348dfe rgb(52,141,254)
```
#347cfe
```
#347cfe rgb(52,124,254)
```
#346cfe
```
#346cfe rgb(52,108,254)
```

Similar Colors

Text with hexadecimal color #349efe

This text has a font color of #349efe.

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

#349efe background color

This paragraph has a background color of #349efe.

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

#349efe border color

This element has a border color of #349efe.

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

CSS codes

.text {color:#349efe;}

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

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

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

#00060c
```
#00060c rgb(0,6,12)
```
#00101f
```
#00101f rgb(0,16,31)
```
#001b33
```
#001b33 rgb(0,27,51)
```
#002546
```
#002546 rgb(0,37,70)
```
#002f5a
```
#002f5a rgb(0,47,90)
```
#013a6d
```
#013a6d rgb(1,58,109)
```
#014481
```
#014481 rgb(1,68,129)
```
#014e94
```
#014e94 rgb(1,78,148)
```
#0158a8
```
#0158a8 rgb(1,88,168)
```
#0163bb
```
#0163bb rgb(1,99,187)
```
#016dcf
```
#016dcf rgb(1,109,207)
```
#0177e2
```
#0177e2 rgb(1,119,226)
```
#0182f6
```
#0182f6 rgb(1,130,246)
```

Shade Color Variation

#0d8bfe
```
#0d8bfe rgb(13,139,254)
```
#2095fe
```
#2095fe rgb(32,149,254)
```
#349efe
```
#349efe rgb(52,158,254)
```
#48a7fe
```
#48a7fe rgb(72,167,254)
```
#5bb1fe
```
#5bb1fe rgb(91,177,254)
```
#6fbafe
```
#6fbafe rgb(111,186,254)
```
#82c3fe
```
#82c3fe rgb(130,195,254)
```
#96cdfe
```
#96cdfe rgb(150,205,254)
```
#a9d6ff
```
#a9d6ff rgb(169,214,255)
```
#bddfff
```
#bddfff rgb(189,223,255)
```
#d0e9ff
```
#d0e9ff rgb(208,233,255)
```
#e4f2ff
```
#e4f2ff rgb(228,242,255)
```
#f7fbff
```
#f7fbff rgb(247,251,255)
```

Tint Color Variation

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

#9299a0
```
#9299a0 rgb(146,153,160)
```
#8a9aa8
```
#8a9aa8 rgb(138,154,168)
```
#829ab0
```
#829ab0 rgb(130,154,176)
```
#7b9bb7
```
#7b9bb7 rgb(123,155,183)
```
#739bbf
```
#739bbf rgb(115,155,191)
```
#6b9bc7
```
#6b9bc7 rgb(107,155,199)
```
#639ccf
```
#639ccf rgb(99,156,207)
```
#5b9cd7
```
#5b9cd7 rgb(91,156,215)
```
#539cdf
```
#539cdf rgb(83,156,223)
```
#4c9de6
```
#4c9de6 rgb(76,157,230)
```
#449dee
```
#449dee rgb(68,157,238)
```
#3c9ef6
```
#3c9ef6 rgb(60,158,246)
```
#349efe
```
#349efe rgb(52,158,254)
```

Tone Color Variation

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

#779cf8 Protanopia 1% of men
#55a0ff Deuteranopia 1% of men
#00aeba Tritanopia 0.001% of the population

Trichromacy

#5e9cfa Protanomaly 1% of men, 0.01% of women
#499ffe Deuteranomaly 6% of men, 0.4% of women
#12a8d2 Tritanomaly 0.01% of the population

#349efe hex color

#349efe Color Information

#349efe Color Conversion

Color Schemes with #349efe

Alternatives to #349efe

#349efe Preview

Shades and Tints of #349efe

Tones of #349efe

Color Blindness Simulator