colorhexa.com

#3291ff hex color

In a RGB color space, hex #3291ff is composed of 19.6% red, 56.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 80.4% cyan, 43.1% magenta, 0% yellow and 0% black. It has a hue angle of 212.2 degrees, a saturation of 100% and a lightness of 59.8%. #3291ff color hex could be obtained by blending #64ffff with #0023ff. Closest websafe color is: #3399ff.

- R 20
- G 57
- B 100
RGB color chart
- C 80
- M 43
- Y 0
- K 0
CMYK color chart

● #3291ff color description : Vivid blue.

The hexadecimal color #3291ff has RGB values of R:50, G:145, B:255 and CMYK values of C:0.8, M:0.43, Y:0, K:0. Its decimal value is 3314175.

Hex triplet	3291ff	`#3291ff`
RGB Decimal	50, 145, 255	`rgb(50,145,255)`
RGB Percent	19.6, 56.9, 100	`rgb(19.6%,56.9%,100%)`
CMYK	80, 43, 0, 0
HSL	212.2°, 100, 59.8	`hsl(212.2,100%,59.8%)`
HSV (or HSB)	212.2°, 80.4, 100
Web Safe	3399ff	`#3399ff`

CIE-LAB	60.021, 10.804, -62.346
XYZ	29.487, 28.146, 98.481
xyY	0.189, 0.18, 28.146
CIE-LCH	60.021, 63.276, 279.831
CIE-LUV	60.021, -31.19, -100.873
Hunter-Lab	53.053, 6.366, -72.921
Binary	00110010, 10010001, 11111111

#3291ff
```
#3291ff rgb(50,145,255)
```
#ffa032
```
#ffa032 rgb(255,160,50)
```

Complementary Color

#32f8ff
```
#32f8ff rgb(50,248,255)
```
#3291ff
```
#3291ff rgb(50,145,255)
```
#3a32ff
```
#3a32ff rgb(58,50,255)
```

Analogous Color

#f8ff32
```
#f8ff32 rgb(248,255,50)
```
#3291ff
```
#3291ff rgb(50,145,255)
```
#ff3a32
```
#ff3a32 rgb(255,58,50)
```

Split Complementary Color

#91ff32
```
#91ff32 rgb(145,255,50)
```
#3291ff
```
#3291ff rgb(50,145,255)
```
#ff3291
```
#ff3291 rgb(255,50,145)
```

Triadic Color

#32ffa0
```
#32ffa0 rgb(50,255,160)
```
#3291ff
```
#3291ff rgb(50,145,255)
```
#ff3291
```
#ff3291 rgb(255,50,145)
```
#ffa032
```
#ffa032 rgb(255,160,50)
```

Tetradic Color

#006ae5
```
#006ae5 rgb(0,106,229)
```
#0076fe
```
#0076fe rgb(0,118,254)
```
#1983ff
```
#1983ff rgb(25,131,255)
```
#3291ff
```
#3291ff rgb(50,145,255)
```
#4c9fff
```
#4c9fff rgb(76,159,255)
```
#65acff
```
#65acff rgb(101,172,255)
```
#7fbaff
```
#7fbaff rgb(127,186,255)
```

Monochromatic Color

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

#32c4ff
```
#32c4ff rgb(50,196,255)
```
#32b3ff
```
#32b3ff rgb(50,179,255)
```
#32a2ff
```
#32a2ff rgb(50,162,255)
```
#3291ff
```
#3291ff rgb(50,145,255)
```
#3280ff
```
#3280ff rgb(50,128,255)
```
#326fff
```
#326fff rgb(50,111,255)
```
#325eff
```
#325eff rgb(50,94,255)
```

Similar Colors

Text with hexadecimal color #3291ff

This text has a font color of #3291ff.

<span style="color:#3291ff;">Text here</span>

#3291ff background color

This paragraph has a background color of #3291ff.

<p style="background-color:#3291ff;">Content here</p>

#3291ff border color

This element has a border color of #3291ff.

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

CSS codes

.text {color:#3291ff;}

.background {background-color:#3291ff;}

.border {border:1px solid #3291ff;}

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)
```
#001732
```
#001732 rgb(0,23,50)
```
#002046
```
#002046 rgb(0,32,70)
```
#002959
```
#002959 rgb(0,41,89)
```
#00326d
```
#00326d rgb(0,50,109)
```
#003c80
```
#003c80 rgb(0,60,128)
```
#004594
```
#004594 rgb(0,69,148)
```
#004ea8
```
#004ea8 rgb(0,78,168)
```
#0057bb
```
#0057bb rgb(0,87,187)
```
#0060cf
```
#0060cf rgb(0,96,207)
```
#0069e3
```
#0069e3 rgb(0,105,227)
```
#0072f6
```
#0072f6 rgb(0,114,246)
```

Shade Color Variation

#0b7cff
```
#0b7cff rgb(11,124,255)
```
#1e86ff
```
#1e86ff rgb(30,134,255)
```
#3291ff
```
#3291ff rgb(50,145,255)
```
#469cff
```
#469cff rgb(70,156,255)
```
#59a6ff
```
#59a6ff rgb(89,166,255)
```
#6db1ff
```
#6db1ff rgb(109,177,255)
```
#80bbff
```
#80bbff rgb(128,187,255)
```
#94c6ff
```
#94c6ff rgb(148,198,255)
```
#a8d0ff
```
#a8d0ff rgb(168,208,255)
```
#bbdbff
```
#bbdbff rgb(187,219,255)
```
#cfe5ff
```
#cfe5ff rgb(207,229,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, #9198a0 is the less saturated color, while #3291ff is the most saturated one.

#9198a0
```
#9198a0 rgb(145,152,160)
```
#8997a8
```
#8997a8 rgb(137,151,168)
```
#8197b0
```
#8197b0 rgb(129,151,176)
```
#7996b8
```
#7996b8 rgb(121,150,184)
```
#7196c0
```
#7196c0 rgb(113,150,192)
```
#6995c8
```
#6995c8 rgb(105,149,200)
```
#6194d0
```
#6194d0 rgb(97,148,208)
```
#5994d8
```
#5994d8 rgb(89,148,216)
```
#5293df
```
#5293df rgb(82,147,223)
```
#4a93e7
```
#4a93e7 rgb(74,147,231)
```
#4292ef
```
#4292ef rgb(66,146,239)
```
#3a92f7
```
#3a92f7 rgb(58,146,247)
```
#3291ff
```
#3291ff rgb(50,145,255)
```

Tone Color Variation

Below, you can see how #3291ff 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

#818181 Achromatopsia 0.005% of the population
#71849a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6092fb Protanopia 1% of men
#1b98fe Deuteranopia 1% of men
#00a5af Tritanopia 0.001% of the population

Trichromacy

#4f92fc Protanomaly 1% of men, 0.01% of women
#2395fe Deuteranomaly 6% of men, 0.4% of women
#129dcc Tritanomaly 0.01% of the population