#3294fd hex color

In a RGB color space, hex #3294fd is composed of 19.6% red, 58% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 80.2% cyan, 41.5% magenta, 0% yellow and 0.8% black. It has a hue angle of 211 degrees, a saturation of 98.1% and a lightness of 59.4%. #3294fd color hex could be obtained by blending #64ffff with #0029fb. Closest websafe color is: #3399ff.

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

● #3294fd color description : Bright blue.

The hexadecimal color #3294fd has RGB values of R:50, G:148, B:253 and CMYK values of C:0.8, M:0.42, Y:0, K:0.01. Its decimal value is 3314941.

Hex triplet	3294fd	`#3294fd`
RGB Decimal	50, 148, 253	`rgb(50,148,253)`
RGB Percent	19.6, 58, 99.2	`rgb(19.6%,58%,99.2%)`
CMYK	80, 42, 0, 1
HSL	211°, 98.1, 59.4	`hsl(211,98.1%,59.4%)`
HSV (or HSB)	211°, 80.2, 99.2
Web Safe	3399ff	`#3399ff`

CIE-LAB	60.735, 8.276, -60.107
XYZ	29.631, 28.947, 96.949
xyY	0.191, 0.186, 28.947
CIE-LCH	60.735, 60.674, 277.839
CIE-LUV	60.735, -32.206, -97.215
Hunter-Lab	53.803, 4.151, -69.175
Binary	00110010, 10010100, 11111101

#3294fd
```
#3294fd rgb(50,148,253)
```
#fd9b32
```
#fd9b32 rgb(253,155,50)
```

Complementary Color

#32fafd
```
#32fafd rgb(50,250,253)
```
#3294fd
```
#3294fd rgb(50,148,253)
```
#3632fd
```
#3632fd rgb(54,50,253)
```

Analogous Color

#fafd32
```
#fafd32 rgb(250,253,50)
```
#3294fd
```
#3294fd rgb(50,148,253)
```
#fd3532
```
#fd3532 rgb(253,53,50)
```

Split Complementary Color

#94fd32
```
#94fd32 rgb(148,253,50)
```
#3294fd
```
#3294fd rgb(50,148,253)
```
#fd3294
```
#fd3294 rgb(253,50,148)
```

Triadic Color

#32fd9b
```
#32fd9b rgb(50,253,155)
```
#3294fd
```
#3294fd rgb(50,148,253)
```
#fd3294
```
#fd3294 rgb(253,50,148)
```
#fd9b32
```
#fd9b32 rgb(253,155,50)
```

Tetradic Color

#026de0
```
#026de0 rgb(2,109,224)
```
#027afa
```
#027afa rgb(2,122,250)
```
#1987fd
```
#1987fd rgb(25,135,253)
```
#3294fd
```
#3294fd rgb(50,148,253)
```
#4ba1fd
```
#4ba1fd rgb(75,161,253)
```
#65aefd
```
#65aefd rgb(101,174,253)
```
#7ebcfe
```
#7ebcfe rgb(126,188,254)
```

Monochromatic Color

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

#32c7fd
```
#32c7fd rgb(50,199,253)
```
#32b6fd
```
#32b6fd rgb(50,182,253)
```
#32a5fd
```
#32a5fd rgb(50,165,253)
```
#3294fd
```
#3294fd rgb(50,148,253)
```
#3283fd
```
#3283fd rgb(50,131,253)
```
#3272fd
```
#3272fd rgb(50,114,253)
```
#3261fd
```
#3261fd rgb(50,97,253)
```

Similar Colors

Text with hexadecimal color #3294fd

This text has a font color of #3294fd.

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

#3294fd background color

This paragraph has a background color of #3294fd.

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

#3294fd border color

This element has a border color of #3294fd.

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

CSS codes

.text {color:#3294fd;}

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

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

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

#000409
```
#000409 rgb(0,4,9)
```
#000e1c
```
#000e1c rgb(0,14,28)
```
#001730
```
#001730 rgb(0,23,48)
```
#012143
```
#012143 rgb(1,33,67)
```
#012a56
```
#012a56 rgb(1,42,86)
```
#01346a
```
#01346a rgb(1,52,106)
```
#013d7d
```
#013d7d rgb(1,61,125)
```
#014791
```
#014791 rgb(1,71,145)
```
#0250a4
```
#0250a4 rgb(2,80,164)
```
#025ab8
```
#025ab8 rgb(2,90,184)
```
#0263cb
```
#0263cb rgb(2,99,203)
```
#026cde
```
#026cde rgb(2,108,222)
```
#0276f2
```
#0276f2 rgb(2,118,242)
```

Shade Color Variation

#0b80fd
```
#0b80fd rgb(11,128,253)
```
#1f8afd
```
#1f8afd rgb(31,138,253)
```
#3294fd
```
#3294fd rgb(50,148,253)
```
#459efd
```
#459efd rgb(69,158,253)
```
#59a8fd
```
#59a8fd rgb(89,168,253)
```
#6cb2fe
```
#6cb2fe rgb(108,178,254)
```
#80bdfe
```
#80bdfe rgb(128,189,254)
```
#93c7fe
```
#93c7fe rgb(147,199,254)
```
#a7d1fe
```
#a7d1fe rgb(167,209,254)
```
#badbfe
```
#badbfe rgb(186,219,254)
```
#cde5ff
```
#cde5ff rgb(205,229,255)
```
#e1efff
```
#e1efff rgb(225,239,255)
```
#f4f9ff
```
#f4f9ff rgb(244,249,255)
```

Tint Color Variation

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

#92979d
```
#92979d rgb(146,151,157)
```
#8a97a5
```
#8a97a5 rgb(138,151,165)
```
#8297ad
```
#8297ad rgb(130,151,173)
```
#7a96b5
```
#7a96b5 rgb(122,150,181)
```
#7296bd
```
#7296bd rgb(114,150,189)
```
#6a96c5
```
#6a96c5 rgb(106,150,197)
```
#6296cd
```
#6296cd rgb(98,150,205)
```
#5a95d5
```
#5a95d5 rgb(90,149,213)
```
#5295dd
```
#5295dd rgb(82,149,221)
```
#4a95e5
```
#4a95e5 rgb(74,149,229)
```
#4295ed
```
#4295ed rgb(66,149,237)
```
#3a94f5
```
#3a94f5 rgb(58,148,245)
```
#3294fd
```
#3294fd rgb(50,148,253)
```

Tone Color Variation

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

#6794f9 Protanopia 1% of men
#359afc Deuteranopia 1% of men
#00a7b1 Tritanopia 0.001% of the population

Trichromacy

#5494fa Protanomaly 1% of men, 0.01% of women
#3497fc Deuteranomaly 6% of men, 0.4% of women
#12a0cd Tritanomaly 0.01% of the population

#3294fd hex color

#3294fd Color Information

#3294fd Color Conversion

Color Schemes with #3294fd

Alternatives to #3294fd

#3294fd Preview

Shades and Tints of #3294fd

Tones of #3294fd

Color Blindness Simulator