#3271ff hex color

In a RGB color space, hex #3271ff is composed of 19.6% red, 44.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 80.4% cyan, 55.7% magenta, 0% yellow and 0% black. It has a hue angle of 221.6 degrees, a saturation of 100% and a lightness of 59.8%. #3271ff color hex could be obtained by blending #64e2ff with #0000ff. Closest websafe color is: #3366ff.

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

● #3271ff color description : Vivid blue.

The hexadecimal color #3271ff has RGB values of R:50, G:113, B:255 and CMYK values of C:0.8, M:0.56, Y:0, K:0. Its decimal value is 3305983.

Hex triplet	3271ff	`#3271ff`
RGB Decimal	50, 113, 255	`rgb(50,113,255)`
RGB Percent	19.6, 44.3, 100	`rgb(19.6%,44.3%,100%)`
CMYK	80, 56, 0, 0
HSL	221.6°, 100, 59.8	`hsl(221.6,100%,59.8%)`
HSV (or HSB)	221.6°, 80.4, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	51.504, 30.53, -76.106
XYZ	25.267, 19.706, 97.074
xyY	0.178, 0.139, 19.706
CIE-LCH	51.504, 82.001, 291.858
CIE-LUV	51.504, -21.909, -119.566
Hunter-Lab	44.392, 23.911, -98.579
Binary	00110010, 01110001, 11111111

#3271ff
```
#3271ff rgb(50,113,255)
```
#ffc032
```
#ffc032 rgb(255,192,50)
```

Complementary Color

#32d8ff
```
#32d8ff rgb(50,216,255)
```
#3271ff
```
#3271ff rgb(50,113,255)
```
#5932ff
```
#5932ff rgb(89,50,255)
```

Analogous Color

#d8ff32
```
#d8ff32 rgb(216,255,50)
```
#3271ff
```
#3271ff rgb(50,113,255)
```
#ff5a32
```
#ff5a32 rgb(255,90,50)
```

Split Complementary Color

#71ff32
```
#71ff32 rgb(113,255,50)
```
#3271ff
```
#3271ff rgb(50,113,255)
```
#ff3271
```
#ff3271 rgb(255,50,113)
```

Triadic Color

#32ffc0
```
#32ffc0 rgb(50,255,192)
```
#3271ff
```
#3271ff rgb(50,113,255)
```
#ff3271
```
#ff3271 rgb(255,50,113)
```
#ffc032
```
#ffc032 rgb(255,192,50)
```

Tetradic Color

#0046e5
```
#0046e5 rgb(0,70,229)
```
#004efe
```
#004efe rgb(0,78,254)
```
#195fff
```
#195fff rgb(25,95,255)
```
#3271ff
```
#3271ff rgb(50,113,255)
```
#4c83ff
```
#4c83ff rgb(76,131,255)
```
#6594ff
```
#6594ff rgb(101,148,255)
```
#7fa6ff
```
#7fa6ff rgb(127,166,255)
```

Monochromatic Color

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

#32a4ff
```
#32a4ff rgb(50,164,255)
```
#3293ff
```
#3293ff rgb(50,147,255)
```
#3282ff
```
#3282ff rgb(50,130,255)
```
#3271ff
```
#3271ff rgb(50,113,255)
```
#3260ff
```
#3260ff rgb(50,96,255)
```
#324fff
```
#324fff rgb(50,79,255)
```
#323eff
```
#323eff rgb(50,62,255)
```

Similar Colors

Text with hexadecimal color #3271ff

This text has a font color of #3271ff.

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

#3271ff background color

This paragraph has a background color of #3271ff.

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

#3271ff border color

This element has a border color of #3271ff.

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

CSS codes

.text {color:#3271ff;}

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

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

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

#00030b
```
#00030b rgb(0,3,11)
```
#00091e
```
#00091e rgb(0,9,30)
```
#000f32
```
#000f32 rgb(0,15,50)
```
#001546
```
#001546 rgb(0,21,70)
```
#001b59
```
#001b59 rgb(0,27,89)
```
#00216d
```
#00216d rgb(0,33,109)
```
#002780
```
#002780 rgb(0,39,128)
```
#002e94
```
#002e94 rgb(0,46,148)
```
#0034a8
```
#0034a8 rgb(0,52,168)
```
#003abb
```
#003abb rgb(0,58,187)
```
#0040cf
```
#0040cf rgb(0,64,207)
```
#0046e3
```
#0046e3 rgb(0,70,227)
```
#004cf6
```
#004cf6 rgb(0,76,246)
```

Shade Color Variation

#0b56ff
```
#0b56ff rgb(11,86,255)
```
#1e63ff
```
#1e63ff rgb(30,99,255)
```
#3271ff
```
#3271ff rgb(50,113,255)
```
#467fff
```
#467fff rgb(70,127,255)
```
#598cff
```
#598cff rgb(89,140,255)
```
#6d9aff
```
#6d9aff rgb(109,154,255)
```
#80a7ff
```
#80a7ff rgb(128,167,255)
```
#94b5ff
```
#94b5ff rgb(148,181,255)
```
#a8c3ff
```
#a8c3ff rgb(168,195,255)
```
#bbd0ff
```
#bbd0ff rgb(187,208,255)
```
#cfdeff
```
#cfdeff rgb(207,222,255)
```
#e3ebff
```
#e3ebff rgb(227,235,255)
```
#f6f9ff
```
#f6f9ff rgb(246,249,255)
```

Tint Color Variation

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

#9195a0
```
#9195a0 rgb(145,149,160)
```
#8992a8
```
#8992a8 rgb(137,146,168)
```
#818fb0
```
#818fb0 rgb(129,143,176)
```
#798cb8
```
#798cb8 rgb(121,140,184)
```
#7189c0
```
#7189c0 rgb(113,137,192)
```
#6986c8
```
#6986c8 rgb(105,134,200)
```
#6183d0
```
#6183d0 rgb(97,131,208)
```
#5980d8
```
#5980d8 rgb(89,128,216)
```
#527ddf
```
#527ddf rgb(82,125,223)
```
#4a7ae7
```
#4a7ae7 rgb(74,122,231)
```
#4277ef
```
#4277ef rgb(66,119,239)
```
#3a74f7
```
#3a74f7 rgb(58,116,247)
```
#3271ff
```
#3271ff rgb(50,113,255)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#626f8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#007df6 Protanopia 1% of men
#0084d7 Deuteranopia 1% of men
#008e96 Tritanopia 0.001% of the population

Trichromacy

#1279f9 Protanomaly 1% of men, 0.01% of women
#127de5 Deuteranomaly 6% of men, 0.4% of women
#1283bc Tritanomaly 0.01% of the population

#3271ff hex color

#3271ff Color Information

#3271ff Color Conversion

Color Schemes with #3271ff

Alternatives to #3271ff

#3271ff Preview

Shades and Tints of #3271ff

Tones of #3271ff

Color Blindness Simulator