#3314fd hex color

In a RGB color space, hex #3314fd is composed of 20% red, 7.8% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 79.8% cyan, 92.1% magenta, 0% yellow and 0.8% black. It has a hue angle of 248 degrees, a saturation of 98.3% and a lightness of 53.5%. #3314fd color hex could be obtained by blending #6628ff with #0000fb. Closest websafe color is: #3300ff.

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

● #3314fd color description : Vivid blue.

The hexadecimal color #3314fd has RGB values of R:51, G:20, B:253 and CMYK values of C:0.8, M:0.92, Y:0, K:0.01. Its decimal value is 3347709.

Hex triplet	3314fd	`#3314fd`
RGB Decimal	51, 20, 253	`rgb(51,20,253)`
RGB Percent	20, 7.8, 99.2	`rgb(20%,7.8%,99.2%)`
CMYK	80, 92, 0, 1
HSL	248°, 98.3, 53.5	`hsl(248,98.3%,53.5%)`
HSV (or HSB)	248°, 92.1, 99.2
Web Safe	3300ff	`#3300ff`

CIE-LAB	34.589, 76.038, -102.88
XYZ	19.342, 8.295, 93.505
xyY	0.16, 0.068, 8.295
CIE-LCH	34.589, 127.93, 306.468
CIE-LUV	34.589, -6.966, -131.474
Hunter-Lab	28.801, 69.474, -172.333
Binary	00110011, 00010100, 11111101

#3314fd
```
#3314fd rgb(51,20,253)
```
#defd14
```
#defd14 rgb(222,253,20)
```

Complementary Color

#146afd
```
#146afd rgb(20,106,253)
```
#3314fd
```
#3314fd rgb(51,20,253)
```
#a814fd
```
#a814fd rgb(168,20,253)
```

Analogous Color

#6afd14
```
#6afd14 rgb(106,253,20)
```
#3314fd
```
#3314fd rgb(51,20,253)
```
#fda814
```
#fda814 rgb(253,168,20)
```

Split Complementary Color

#14fd33
```
#14fd33 rgb(20,253,51)
```
#3314fd
```
#3314fd rgb(51,20,253)
```
#fd3314
```
#fd3314 rgb(253,51,20)
```

Triadic Color

#14defd
```
#14defd rgb(20,222,253)
```
#3314fd
```
#3314fd rgb(51,20,253)
```
#fd3314
```
#fd3314 rgb(253,51,20)
```
#defd14
```
#defd14 rgb(222,253,20)
```

Tetradic Color

#1b02c3
```
#1b02c3 rgb(27,2,195)
```
#1f02dc
```
#1f02dc rgb(31,2,220)
```
#2202f5
```
#2202f5 rgb(34,2,245)
```
#3314fd
```
#3314fd rgb(51,20,253)
```
#492dfd
```
#492dfd rgb(73,45,253)
```
#5f47fd
```
#5f47fd rgb(95,71,253)
```
#7560fe
```
#7560fe rgb(117,96,254)
```

Monochromatic Color

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

#142ffd
```
#142ffd rgb(20,47,253)
```
#141cfd
```
#141cfd rgb(20,28,253)
```
#2014fd
```
#2014fd rgb(32,20,253)
```
#3314fd
```
#3314fd rgb(51,20,253)
```
#4614fd
```
#4614fd rgb(70,20,253)
```
#5a14fd
```
#5a14fd rgb(90,20,253)
```
#6d14fd
```
#6d14fd rgb(109,20,253)
```

Similar Colors

Text with hexadecimal color #3314fd

This text has a font color of #3314fd.

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

#3314fd background color

This paragraph has a background color of #3314fd.

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

#3314fd border color

This element has a border color of #3314fd.

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

CSS codes

.text {color:#3314fd;}

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

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

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

#030012
```
#030012 rgb(3,0,18)
```
#050025
```
#050025 rgb(5,0,37)
```
#080039
```
#080039 rgb(8,0,57)
```
#0b014c
```
#0b014c rgb(11,1,76)
```
#0d0160
```
#0d0160 rgb(13,1,96)
```
#100173
```
#100173 rgb(16,1,115)
```
#130187
```
#130187 rgb(19,1,135)
```
#16019a
```
#16019a rgb(22,1,154)
```
#1801ad
```
#1801ad rgb(24,1,173)
```
#1b02c1
```
#1b02c1 rgb(27,2,193)
```
#1e02d4
```
#1e02d4 rgb(30,2,212)
```
#2102e8
```
#2102e8 rgb(33,2,232)
```
#2302fb
```
#2302fb rgb(35,2,251)
```

Shade Color Variation

#3314fd
```
#3314fd rgb(51,20,253)
```
#4427fd
```
#4427fd rgb(68,39,253)
```
#553bfd
```
#553bfd rgb(85,59,253)
```
#664efd
```
#664efd rgb(102,78,253)
```
#7762fe
```
#7762fe rgb(119,98,254)
```
#8775fe
```
#8775fe rgb(135,117,254)
```
#9889fe
```
#9889fe rgb(152,137,254)
```
#a99cfe
```
#a99cfe rgb(169,156,254)
```
#bab0fe
```
#bab0fe rgb(186,176,254)
```
#cbc3fe
```
#cbc3fe rgb(203,195,254)
```
#dcd6ff
```
#dcd6ff rgb(220,214,255)
```
#edeaff
```
#edeaff rgb(237,234,255)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#838190
```
#838190 rgb(131,129,144)
```
#7d7899
```
#7d7899 rgb(125,120,153)
```
#766fa2
```
#766fa2 rgb(118,111,162)
```
#6f66ab
```
#6f66ab rgb(111,102,171)
```
#695db4
```
#695db4 rgb(105,93,180)
```
#6254bd
```
#6254bd rgb(98,84,189)
```
#5b4bc6
```
#5b4bc6 rgb(91,75,198)
```
#5442cf
```
#5442cf rgb(84,66,207)
```
#4e38d9
```
#4e38d9 rgb(78,56,217)
```
#472fe2
```
#472fe2 rgb(71,47,226)
```
#4026eb
```
#4026eb rgb(64,38,235)
```
#3a1df4
```
#3a1df4 rgb(58,29,244)
```
#3314fd
```
#3314fd rgb(51,20,253)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#37315f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057aa Protanopia 1% of men
#005d92 Deuteranopia 1% of men
#006367 Tritanopia 0.001% of the population

Trichromacy

#123fc8 Protanomaly 1% of men, 0.01% of women
#1242b9 Deuteranomaly 6% of men, 0.4% of women
#12469d Tritanomaly 0.01% of the population

#3314fd hex color

#3314fd Color Information

#3314fd Color Conversion

Color Schemes with #3314fd

Alternatives to #3314fd

#3314fd Preview

Shades and Tints of #3314fd

Tones of #3314fd

Color Blindness Simulator