#3274ff hex color

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

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

● #3274ff color description : Vivid blue.

The hexadecimal color #3274ff has RGB values of R:50, G:116, B:255 and CMYK values of C:0.8, M:0.55, Y:0, K:0. Its decimal value is 3306751.

Hex triplet	3274ff	`#3274ff`
RGB Decimal	50, 116, 255	`rgb(50,116,255)`
RGB Percent	19.6, 45.5, 100	`rgb(19.6%,45.5%,100%)`
CMYK	80, 55, 0, 0
HSL	220.7°, 100, 59.8	`hsl(220.7,100%,59.8%)`
HSV (or HSB)	220.7°, 80.4, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	52.272, 28.656, -74.856
XYZ	25.607, 20.387, 97.188
xyY	0.179, 0.142, 20.387
CIE-LCH	52.272, 80.154, 290.947
CIE-LUV	52.272, -22.712, -118.11
Hunter-Lab	45.152, 22.217, -96.013
Binary	00110010, 01110100, 11111111

#3274ff
```
#3274ff rgb(50,116,255)
```
#ffbd32
```
#ffbd32 rgb(255,189,50)
```

Complementary Color

#32dbff
```
#32dbff rgb(50,219,255)
```
#3274ff
```
#3274ff rgb(50,116,255)
```
#5732ff
```
#5732ff rgb(87,50,255)
```

Analogous Color

#dbff32
```
#dbff32 rgb(219,255,50)
```
#3274ff
```
#3274ff rgb(50,116,255)
```
#ff5732
```
#ff5732 rgb(255,87,50)
```

Split Complementary Color

#74ff32
```
#74ff32 rgb(116,255,50)
```
#3274ff
```
#3274ff rgb(50,116,255)
```
#ff3274
```
#ff3274 rgb(255,50,116)
```

Triadic Color

#32ffbd
```
#32ffbd rgb(50,255,189)
```
#3274ff
```
#3274ff rgb(50,116,255)
```
#ff3274
```
#ff3274 rgb(255,50,116)
```
#ffbd32
```
#ffbd32 rgb(255,189,50)
```

Tetradic Color

#004ae5
```
#004ae5 rgb(0,74,229)
```
#0052fe
```
#0052fe rgb(0,82,254)
```
#1963ff
```
#1963ff rgb(25,99,255)
```
#3274ff
```
#3274ff rgb(50,116,255)
```
#4c85ff
```
#4c85ff rgb(76,133,255)
```
#6597ff
```
#6597ff rgb(101,151,255)
```
#7fa8ff
```
#7fa8ff rgb(127,168,255)
```

Monochromatic Color

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

#32a7ff
```
#32a7ff rgb(50,167,255)
```
#3296ff
```
#3296ff rgb(50,150,255)
```
#3285ff
```
#3285ff rgb(50,133,255)
```
#3274ff
```
#3274ff rgb(50,116,255)
```
#3263ff
```
#3263ff rgb(50,99,255)
```
#3252ff
```
#3252ff rgb(50,82,255)
```
#3241ff
```
#3241ff rgb(50,65,255)
```

Similar Colors

Text with hexadecimal color #3274ff

This text has a font color of #3274ff.

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

#3274ff background color

This paragraph has a background color of #3274ff.

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

#3274ff border color

This element has a border color of #3274ff.

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

CSS codes

.text {color:#3274ff;}

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

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

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)
```
#000a1e
```
#000a1e rgb(0,10,30)
```
#001032
```
#001032 rgb(0,16,50)
```
#001646
```
#001646 rgb(0,22,70)
```
#001d59
```
#001d59 rgb(0,29,89)
```
#00236d
```
#00236d rgb(0,35,109)
```
#002980
```
#002980 rgb(0,41,128)
```
#003094
```
#003094 rgb(0,48,148)
```
#0036a8
```
#0036a8 rgb(0,54,168)
```
#003cbb
```
#003cbb rgb(0,60,187)
```
#0043cf
```
#0043cf rgb(0,67,207)
```
#0049e3
```
#0049e3 rgb(0,73,227)
```
#004ff6
```
#004ff6 rgb(0,79,246)
```

Shade Color Variation

#0b59ff
```
#0b59ff rgb(11,89,255)
```
#1e67ff
```
#1e67ff rgb(30,103,255)
```
#3274ff
```
#3274ff rgb(50,116,255)
```
#4681ff
```
#4681ff rgb(70,129,255)
```
#598fff
```
#598fff rgb(89,143,255)
```
#6d9cff
```
#6d9cff rgb(109,156,255)
```
#80a9ff
```
#80a9ff rgb(128,169,255)
```
#94b7ff
```
#94b7ff rgb(148,183,255)
```
#a8c4ff
```
#a8c4ff rgb(168,196,255)
```
#bbd1ff
```
#bbd1ff rgb(187,209,255)
```
#cfdeff
```
#cfdeff rgb(207,222,255)
```
#e3ecff
```
#e3ecff rgb(227,236,255)
```
#f6f9ff
```
#f6f9ff rgb(246,249,255)
```

Tint Color Variation

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

#9196a0
```
#9196a0 rgb(145,150,160)
```
#8993a8
```
#8993a8 rgb(137,147,168)
```
#8190b0
```
#8190b0 rgb(129,144,176)
```
#798db8
```
#798db8 rgb(121,141,184)
```
#718ac0
```
#718ac0 rgb(113,138,192)
```
#6988c8
```
#6988c8 rgb(105,136,200)
```
#6185d0
```
#6185d0 rgb(97,133,208)
```
#5982d8
```
#5982d8 rgb(89,130,216)
```
#527fdf
```
#527fdf rgb(82,127,223)
```
#4a7ce7
```
#4a7ce7 rgb(74,124,231)
```
#427aef
```
#427aef rgb(66,122,239)
```
#3a77f7
```
#3a77f7 rgb(58,119,247)
```
#3274ff
```
#3274ff rgb(50,116,255)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#64718d Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ff9 Protanopia 1% of men
#0086da Deuteranopia 1% of men
#009098 Tritanopia 0.001% of the population

Trichromacy

#127bfb Protanomaly 1% of men, 0.01% of women
#127fe7 Deuteranomaly 6% of men, 0.4% of women
#1286bd Tritanomaly 0.01% of the population

#3274ff hex color

#3274ff Color Information

#3274ff Color Conversion

Color Schemes with #3274ff

Alternatives to #3274ff

#3274ff Preview

Shades and Tints of #3274ff

Tones of #3274ff

Color Blindness Simulator