#3314cf hex color

In a RGB color space, hex #3314cf is composed of 20% red, 7.8% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 75.4% cyan, 90.3% magenta, 0% yellow and 18.8% black. It has a hue angle of 249.9 degrees, a saturation of 82.4% and a lightness of 44.5%. #3314cf color hex could be obtained by blending #6628ff with #00009f. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 20
- G 8
- B 81
RGB color chart
- C 75
- M 90
- Y 0
- K 19
CMYK color chart

● #3314cf color description : Strong blue.

The hexadecimal color #3314cf has RGB values of R:51, G:20, B:207 and CMYK values of C:0.75, M:0.9, Y:0, K:0.19. Its decimal value is 3347663.

Hex triplet	3314cf	`#3314cf`
RGB Decimal	51, 20, 207	`rgb(51,20,207)`
RGB Percent	20, 7.8, 81.2	`rgb(20%,7.8%,81.2%)`
CMYK	75, 90, 0, 19
HSL	249.9°, 82.4, 44.5	`hsl(249.9,82.4%,44.5%)`
HSV (or HSB)	249.9°, 90.3, 81.2
Web Safe	3300cc	`#3300cc`

CIE-LAB	28.664, 64.272, -86.459
XYZ	12.876, 5.708, 59.451
xyY	0.165, 0.073, 5.708
CIE-LCH	28.664, 107.732, 306.626
CIE-LUV	28.664, -4.402, -105.37
Hunter-Lab	23.892, 54.384, -130.808
Binary	00110011, 00010100, 11001111

#3314cf
```
#3314cf rgb(51,20,207)
```
#b0cf14
```
#b0cf14 rgb(176,207,20)
```

Complementary Color

#1453cf
```
#1453cf rgb(20,83,207)
```
#3314cf
```
#3314cf rgb(51,20,207)
```
#9114cf
```
#9114cf rgb(145,20,207)
```

Analogous Color

#53cf14
```
#53cf14 rgb(83,207,20)
```
#3314cf
```
#3314cf rgb(51,20,207)
```
#cf9114
```
#cf9114 rgb(207,145,20)
```

Split Complementary Color

#14cf33
```
#14cf33 rgb(20,207,51)
```
#3314cf
```
#3314cf rgb(51,20,207)
```
#cf3314
```
#cf3314 rgb(207,51,20)
```

Triadic Color

#14b0cf
```
#14b0cf rgb(20,176,207)
```
#3314cf
```
#3314cf rgb(51,20,207)
```
#cf3314
```
#cf3314 rgb(207,51,20)
```
#b0cf14
```
#b0cf14 rgb(176,207,20)
```

Tetradic Color

#220d89
```
#220d89 rgb(34,13,137)
```
#2810a0
```
#2810a0 rgb(40,16,160)
```
#2d12b8
```
#2d12b8 rgb(45,18,184)
```
#3314cf
```
#3314cf rgb(51,20,207)
```
#3916e6
```
#3916e6 rgb(57,22,230)
```
#4b2beb
```
#4b2beb rgb(75,43,235)
```
#5f43ed
```
#5f43ed rgb(95,67,237)
```

Monochromatic Color

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

#1424cf
```
#1424cf rgb(20,36,207)
```
#1414cf
```
#1414cf rgb(20,20,207)
```
#2314cf
```
#2314cf rgb(35,20,207)
```
#3314cf
```
#3314cf rgb(51,20,207)
```
#4314cf
```
#4314cf rgb(67,20,207)
```
#5214cf
```
#5214cf rgb(82,20,207)
```
#6214cf
```
#6214cf rgb(98,20,207)
```

Similar Colors

Text with hexadecimal color #3314cf

This text has a font color of #3314cf.

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

#3314cf background color

This paragraph has a background color of #3314cf.

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

#3314cf border color

This element has a border color of #3314cf.

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

CSS codes

.text {color:#3314cf;}

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

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

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, #03010a is the darkest color, while #f8f7fe is the lightest one.

#03010a
```
#03010a rgb(3,1,10)
```
#07031c
```
#07031c rgb(7,3,28)
```
#0b042e
```
#0b042e rgb(11,4,46)
```
#100640
```
#100640 rgb(16,6,64)
```
#140852
```
#140852 rgb(20,8,82)
```
#190a64
```
#190a64 rgb(25,10,100)
```
#1d0b76
```
#1d0b76 rgb(29,11,118)
```
#210d87
```
#210d87 rgb(33,13,135)
```
#260f99
```
#260f99 rgb(38,15,153)
```
#2a11ab
```
#2a11ab rgb(42,17,171)
```
#2f12bd
```
#2f12bd rgb(47,18,189)
```
#3314cf
```
#3314cf rgb(51,20,207)
```
#3716e1
```
#3716e1 rgb(55,22,225)
```

Shade Color Variation

#4221ea
```
#4221ea rgb(66,33,234)
```
#5133eb
```
#5133eb rgb(81,51,235)
```
#6044ed
```
#6044ed rgb(96,68,237)
```
#7056ef
```
#7056ef rgb(112,86,239)
```
#7f68f0
```
#7f68f0 rgb(127,104,240)
```
#8e7af2
```
#8e7af2 rgb(142,122,242)
```
#9d8cf4
```
#9d8cf4 rgb(157,140,244)
```
#ac9ef6
```
#ac9ef6 rgb(172,158,246)
```
#bcb0f7
```
#bcb0f7 rgb(188,176,247)
```
#cbc2f9
```
#cbc2f9 rgb(203,194,249)
```
#dad4fb
```
#dad4fb rgb(218,212,251)
```
#e9e5fd
```
#e9e5fd rgb(233,229,253)
```
#f8f7fe
```
#f8f7fe rgb(248,247,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6d6b78 is the less saturated color, while #2703e0 is the most saturated one.

#6d6b78
```
#6d6b78 rgb(109,107,120)
```
#686380
```
#686380 rgb(104,99,128)
```
#625a89
```
#625a89 rgb(98,90,137)
```
#5c5192
```
#5c5192 rgb(92,81,146)
```
#56489b
```
#56489b rgb(86,72,155)
```
#5040a3
```
#5040a3 rgb(80,64,163)
```
#4a37ac
```
#4a37ac rgb(74,55,172)
```
#452eb5
```
#452eb5 rgb(69,46,181)
```
#3f25be
```
#3f25be rgb(63,37,190)
```
#391dc6
```
#391dc6 rgb(57,29,198)
```
#3314cf
```
#3314cf rgb(51,20,207)
```
#2d0bd8
```
#2d0bd8 rgb(45,11,216)
```
#2703e0
```
#2703e0 rgb(39,3,224)
```

Tone Color Variation

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

#333333 Achromatopsia 0.005% of the population
#332d52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004b91 Protanopia 1% of men
#004f7d Deuteranopia 1% of men
#005558 Tritanopia 0.001% of the population

Trichromacy

#1237a8 Protanomaly 1% of men, 0.01% of women
#12399b Deuteranomaly 6% of men, 0.4% of women
#123d83 Tritanomaly 0.01% of the population

#3314cf hex color

#3314cf Color Information

#3314cf Color Conversion

Color Schemes with #3314cf

Alternatives to #3314cf

#3314cf Preview

Shades and Tints of #3314cf

Tones of #3314cf

Color Blindness Simulator