#3494f3 hex color

In a RGB color space, hex #3494f3 is composed of 20.4% red, 58% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 78.6% cyan, 39.1% magenta, 0% yellow and 4.7% black. It has a hue angle of 209.8 degrees, a saturation of 88.8% and a lightness of 57.8%. #3494f3 color hex could be obtained by blending #68ffff with #0029e7. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 20
- G 58
- B 95
RGB color chart
- C 79
- M 39
- Y 0
- K 5
CMYK color chart

● #3494f3 color description : Bright blue.

The hexadecimal color #3494f3 has RGB values of R:52, G:148, B:243 and CMYK values of C:0.79, M:0.39, Y:0, K:0.05. Its decimal value is 3446003.

Hex triplet	3494f3	`#3494f3`
RGB Decimal	52, 148, 243	`rgb(52,148,243)`
RGB Percent	20.4, 58, 95.3	`rgb(20.4%,58%,95.3%)`
CMYK	79, 39, 0, 5
HSL	209.8°, 88.8, 57.8	`hsl(209.8,88.8%,57.8%)`
HSV (or HSB)	209.8°, 78.6, 95.3
Web Safe	3399ff	`#3399ff`

CIE-LAB	60.229, 4.83, -55.416
XYZ	28.18, 28.379, 88.782
xyY	0.194, 0.195, 28.379
CIE-LCH	60.229, 55.626, 274.981
CIE-LUV	60.229, -32.36, -89.028
Hunter-Lab	53.272, 1.199, -61.522
Binary	00110100, 10010100, 11110011

#3494f3
```
#3494f3 rgb(52,148,243)
```
#f39334
```
#f39334 rgb(243,147,52)
```

Complementary Color

#34f3f3
```
#34f3f3 rgb(52,243,243)
```
#3494f3
```
#3494f3 rgb(52,148,243)
```
#3434f3
```
#3434f3 rgb(52,52,243)
```

Analogous Color

#f3f334
```
#f3f334 rgb(243,243,52)
```
#3494f3
```
#3494f3 rgb(52,148,243)
```
#f33434
```
#f33434 rgb(243,52,52)
```

Split Complementary Color

#94f334
```
#94f334 rgb(148,243,52)
```
#3494f3
```
#3494f3 rgb(52,148,243)
```
#f33494
```
#f33494 rgb(243,52,148)
```

Triadic Color

#34f393
```
#34f393 rgb(52,243,147)
```
#3494f3
```
#3494f3 rgb(52,148,243)
```
#f33494
```
#f33494 rgb(243,52,148)
```
#f39334
```
#f39334 rgb(243,147,52)
```

Tetradic Color

#0c6ece
```
#0c6ece rgb(12,110,206)
```
#0e7be6
```
#0e7be6 rgb(14,123,230)
```
#1c87f2
```
#1c87f2 rgb(28,135,242)
```
#3494f3
```
#3494f3 rgb(52,148,243)
```
#4ca1f4
```
#4ca1f4 rgb(76,161,244)
```
#64adf6
```
#64adf6 rgb(100,173,246)
```
#7cbaf7
```
#7cbaf7 rgb(124,186,247)
```

Monochromatic Color

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

#34c4f3
```
#34c4f3 rgb(52,196,243)
```
#34b4f3
```
#34b4f3 rgb(52,180,243)
```
#34a4f3
```
#34a4f3 rgb(52,164,243)
```
#3494f3
```
#3494f3 rgb(52,148,243)
```
#3484f3
```
#3484f3 rgb(52,132,243)
```
#3474f3
```
#3474f3 rgb(52,116,243)
```
#3464f3
```
#3464f3 rgb(52,100,243)
```

Similar Colors

Text with hexadecimal color #3494f3

This text has a font color of #3494f3.

<span style="color:#3494f3;">Text here</span>

#3494f3 background color

This paragraph has a background color of #3494f3.

<p style="background-color:#3494f3;">Content here</p>

#3494f3 border color

This element has a border color of #3494f3.

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

CSS codes

.text {color:#3494f3;}

.background {background-color:#3494f3;}

.border {border:1px solid #3494f3;}

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, #000001 is the darkest color, while #edf6fe is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#010a13
```
#010a13 rgb(1,10,19)
```
#021426
```
#021426 rgb(2,20,38)
```
#031e38
```
#031e38 rgb(3,30,56)
```
#04284b
```
#04284b rgb(4,40,75)
```
#06325d
```
#06325d rgb(6,50,93)
```
#073c70
```
#073c70 rgb(7,60,112)
```
#084582
```
#084582 rgb(8,69,130)
```
#094f95
```
#094f95 rgb(9,79,149)
```
#0a59a7
```
#0a59a7 rgb(10,89,167)
```
#0b63ba
```
#0b63ba rgb(11,99,186)
```
#0c6dcc
```
#0c6dcc rgb(12,109,204)
```
#0d77df
```
#0d77df rgb(13,119,223)
```

Shade Color Variation

#0f80f1
```
#0f80f1 rgb(15,128,241)
```
#218af2
```
#218af2 rgb(33,138,242)
```
#3494f3
```
#3494f3 rgb(52,148,243)
```
#479ef4
```
#479ef4 rgb(71,158,244)
```
#59a8f5
```
#59a8f5 rgb(89,168,245)
```
#6cb1f6
```
#6cb1f6 rgb(108,177,246)
```
#7ebbf7
```
#7ebbf7 rgb(126,187,247)
```
#91c5f8
```
#91c5f8 rgb(145,197,248)
```
#a3cffa
```
#a3cffa rgb(163,207,250)
```
#b6d8fb
```
#b6d8fb rgb(182,216,251)
```
#c8e2fc
```
#c8e2fc rgb(200,226,252)
```
#dbecfd
```
#dbecfd rgb(219,236,253)
```
#edf6fe
```
#edf6fe rgb(237,246,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f9498 is the less saturated color, while #2c94fb is the most saturated one.

#8f9498
```
#8f9498 rgb(143,148,152)
```
#8794a0
```
#8794a0 rgb(135,148,160)
```
#7e94a9
```
#7e94a9 rgb(126,148,169)
```
#7694b1
```
#7694b1 rgb(118,148,177)
```
#6e94b9
```
#6e94b9 rgb(110,148,185)
```
#6694c1
```
#6694c1 rgb(102,148,193)
```
#5d94ca
```
#5d94ca rgb(93,148,202)
```
#5594d2
```
#5594d2 rgb(85,148,210)
```
#4d94da
```
#4d94da rgb(77,148,218)
```
#4594e2
```
#4594e2 rgb(69,148,226)
```
#3c94eb
```
#3c94eb rgb(60,148,235)
```
#3494f3
```
#3494f3 rgb(52,148,243)
```
#2c94fb
```
#2c94fb rgb(44,148,251)
```

Tone Color Variation

Below, you can see how #3494f3 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

#828282 Achromatopsia 0.005% of the population
#728699 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e93ef Protanopia 1% of men
#4a98f4 Deuteranopia 1% of men
#00a5b0 Tritanopia 0.001% of the population

Trichromacy

#5993f0 Protanomaly 1% of men, 0.01% of women
#4296f3 Deuteranomaly 6% of men, 0.4% of women
#129fc8 Tritanomaly 0.01% of the population

#3494f3 hex color

#3494f3 Color Information

#3494f3 Color Conversion

Color Schemes with #3494f3

Alternatives to #3494f3

#3494f3 Preview

Shades and Tints of #3494f3

Tones of #3494f3

Color Blindness Simulator