#3493fd hex color

In a RGB color space, hex #3493fd is composed of 20.4% red, 57.6% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 79.4% cyan, 41.9% magenta, 0% yellow and 0.8% black. It has a hue angle of 211.6 degrees, a saturation of 98% and a lightness of 59.8%. #3493fd color hex could be obtained by blending #68ffff with #0027fb. Closest websafe color is: #3399ff.

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

● #3493fd color description : Bright blue.

The hexadecimal color #3493fd has RGB values of R:52, G:147, B:253 and CMYK values of C:0.79, M:0.42, Y:0, K:0.01. Its decimal value is 3445757.

Hex triplet	3493fd	`#3493fd`
RGB Decimal	52, 147, 253	`rgb(52,147,253)`
RGB Percent	20.4, 57.6, 99.2	`rgb(20.4%,57.6%,99.2%)`
CMYK	79, 42, 0, 1
HSL	211.6°, 98, 59.8	`hsl(211.6,98%,59.8%)`
HSV (or HSB)	211.6°, 79.4, 99.2
Web Safe	3399ff	`#3399ff`

CIE-LAB	60.504, 9.059, -60.473
XYZ	29.575, 28.687, 96.902
xyY	0.191, 0.185, 28.687
CIE-LCH	60.504, 61.148, 278.52
CIE-LUV	60.504, -31.641, -97.817
Hunter-Lab	53.56, 4.836, -69.776
Binary	00110100, 10010011, 11111101

#3493fd
```
#3493fd rgb(52,147,253)
```
#fd9e34
```
#fd9e34 rgb(253,158,52)
```

Complementary Color

#34f8fd
```
#34f8fd rgb(52,248,253)
```
#3493fd
```
#3493fd rgb(52,147,253)
```
#3a34fd
```
#3a34fd rgb(58,52,253)
```

Analogous Color

#f8fd34
```
#f8fd34 rgb(248,253,52)
```
#3493fd
```
#3493fd rgb(52,147,253)
```
#fd3a34
```
#fd3a34 rgb(253,58,52)
```

Split Complementary Color

#93fd34
```
#93fd34 rgb(147,253,52)
```
#3493fd
```
#3493fd rgb(52,147,253)
```
#fd3493
```
#fd3493 rgb(253,52,147)
```

Triadic Color

#34fd9e
```
#34fd9e rgb(52,253,158)
```
#3493fd
```
#3493fd rgb(52,147,253)
```
#fd3493
```
#fd3493 rgb(253,52,147)
```
#fd9e34
```
#fd9e34 rgb(253,158,52)
```

Tetradic Color

#026ce2
```
#026ce2 rgb(2,108,226)
```
#0278fc
```
#0278fc rgb(2,120,252)
```
#1b86fd
```
#1b86fd rgb(27,134,253)
```
#3493fd
```
#3493fd rgb(52,147,253)
```
#4da0fd
```
#4da0fd rgb(77,160,253)
```
#67aefd
```
#67aefd rgb(103,174,253)
```
#80bbfe
```
#80bbfe rgb(128,187,254)
```

Monochromatic Color

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

#34c5fd
```
#34c5fd rgb(52,197,253)
```
#34b5fd
```
#34b5fd rgb(52,181,253)
```
#34a4fd
```
#34a4fd rgb(52,164,253)
```
#3493fd
```
#3493fd rgb(52,147,253)
```
#3482fd
```
#3482fd rgb(52,130,253)
```
#3472fd
```
#3472fd rgb(52,114,253)
```
#3461fd
```
#3461fd rgb(52,97,253)
```

Similar Colors

Text with hexadecimal color #3493fd

This text has a font color of #3493fd.

<span style="color:#3493fd;">Text here</span>

#3493fd background color

This paragraph has a background color of #3493fd.

<p style="background-color:#3493fd;">Content here</p>

#3493fd border color

This element has a border color of #3493fd.

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

CSS codes

.text {color:#3493fd;}

.background {background-color:#3493fd;}

.border {border:1px solid #3493fd;}

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

#00050b
```
#00050b rgb(0,5,11)
```
#000e1e
```
#000e1e rgb(0,14,30)
```
#001832
```
#001832 rgb(0,24,50)
```
#012145
```
#012145 rgb(1,33,69)
```
#012a58
```
#012a58 rgb(1,42,88)
```
#01346c
```
#01346c rgb(1,52,108)
```
#013d7f
```
#013d7f rgb(1,61,127)
```
#014693
```
#014693 rgb(1,70,147)
```
#024fa6
```
#024fa6 rgb(2,79,166)
```
#0259b9
```
#0259b9 rgb(2,89,185)
```
#0262cd
```
#0262cd rgb(2,98,205)
```
#026be0
```
#026be0 rgb(2,107,224)
```
#0274f4
```
#0274f4 rgb(2,116,244)
```

Shade Color Variation

#0d7efd
```
#0d7efd rgb(13,126,253)
```
#2189fd
```
#2189fd rgb(33,137,253)
```
#3493fd
```
#3493fd rgb(52,147,253)
```
#479dfd
```
#479dfd rgb(71,157,253)
```
#5ba8fd
```
#5ba8fd rgb(91,168,253)
```
#6eb2fe
```
#6eb2fe rgb(110,178,254)
```
#82bcfe
```
#82bcfe rgb(130,188,254)
```
#95c7fe
```
#95c7fe rgb(149,199,254)
```
#a9d1fe
```
#a9d1fe rgb(169,209,254)
```
#bcdbfe
```
#bcdbfe rgb(188,219,254)
```
#cfe6ff
```
#cfe6ff rgb(207,230,255)
```
#e3f0ff
```
#e3f0ff rgb(227,240,255)
```
#f6faff
```
#f6faff rgb(246,250,255)
```

Tint Color Variation

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

#93989e
```
#93989e rgb(147,152,158)
```
#8b98a6
```
#8b98a6 rgb(139,152,166)
```
#8397ae
```
#8397ae rgb(131,151,174)
```
#7b97b6
```
#7b97b6 rgb(123,151,182)
```
#7396be
```
#7396be rgb(115,150,190)
```
#6b96c6
```
#6b96c6 rgb(107,150,198)
```
#6396ce
```
#6396ce rgb(99,150,206)
```
#5b95d6
```
#5b95d6 rgb(91,149,214)
```
#5495dd
```
#5495dd rgb(84,149,221)
```
#4c94e5
```
#4c94e5 rgb(76,148,229)
```
#4494ed
```
#4494ed rgb(68,148,237)
```
#3c93f5
```
#3c93f5 rgb(60,147,245)
```
#3493fd
```
#3493fd rgb(52,147,253)
```

Tone Color Variation

Below, you can see how #3493fd 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

#838383 Achromatopsia 0.005% of the population
#73869b Atypical Achromatopsia 0.001% of the population

Dichromacy

#6694f9 Protanopia 1% of men
#3299fc Deuteranopia 1% of men
#00a6b1 Tritanopia 0.001% of the population

Trichromacy

#5393fa Protanomaly 1% of men, 0.01% of women
#3297fc Deuteranomaly 6% of men, 0.4% of women
#129fcc Tritanomaly 0.01% of the population

#3493fd hex color

#3493fd Color Information

#3493fd Color Conversion

Color Schemes with #3493fd

Alternatives to #3493fd

#3493fd Preview

Shades and Tints of #3493fd

Tones of #3493fd

Color Blindness Simulator