#3314af hex color

In a RGB color space, hex #3314af is composed of 20% red, 7.8% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 70.9% cyan, 88.6% magenta, 0% yellow and 31.4% black. It has a hue angle of 252 degrees, a saturation of 79.5% and a lightness of 38.2%. #3314af color hex could be obtained by blending #6628ff with #00005f. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 20
- G 8
- B 69
RGB color chart
- C 71
- M 89
- Y 0
- K 31
CMYK color chart

● #3314af color description : Dark blue.

The hexadecimal color #3314af has RGB values of R:51, G:20, B:175 and CMYK values of C:0.71, M:0.89, Y:0, K:0.31. Its decimal value is 3347631.

Hex triplet	3314af	`#3314af`
RGB Decimal	51, 20, 175	`rgb(51,20,175)`
RGB Percent	20, 7.8, 68.6	`rgb(20%,7.8%,68.6%)`
CMYK	71, 89, 0, 31
HSL	252°, 79.5, 38.2	`hsl(252,79.5%,38.2%)`
HSV (or HSB)	252°, 88.6, 68.6
Web Safe	330099	`#330099`

CIE-LAB	24.636, 55.674, -74.235
XYZ	9.352, 4.299, 40.892
xyY	0.171, 0.079, 4.299
CIE-LCH	24.636, 92.793, 306.869
CIE-LUV	24.636, -2.396, -86.937
Hunter-Lab	20.734, 44.228, -102.422
Binary	00110011, 00010100, 10101111

#3314af
```
#3314af rgb(51,20,175)
```
#90af14
```
#90af14 rgb(144,175,20)
```

Complementary Color

#1442af
```
#1442af rgb(20,66,175)
```
#3314af
```
#3314af rgb(51,20,175)
```
#8114af
```
#8114af rgb(129,20,175)
```

Analogous Color

#42af14
```
#42af14 rgb(66,175,20)
```
#3314af
```
#3314af rgb(51,20,175)
```
#af8114
```
#af8114 rgb(175,129,20)
```

Split Complementary Color

#14af33
```
#14af33 rgb(20,175,51)
```
#3314af
```
#3314af rgb(51,20,175)
```
#af3314
```
#af3314 rgb(175,51,20)
```

Triadic Color

#1490af
```
#1490af rgb(20,144,175)
```
#3314af
```
#3314af rgb(51,20,175)
```
#af3314
```
#af3314 rgb(175,51,20)
```
#90af14
```
#90af14 rgb(144,175,20)
```

Tetradic Color

#1f0c6a
```
#1f0c6a rgb(31,12,106)
```
#260f81
```
#260f81 rgb(38,15,129)
```
#2c1198
```
#2c1198 rgb(44,17,152)
```
#3314af
```
#3314af rgb(51,20,175)
```
#3a17c6
```
#3a17c6 rgb(58,23,198)
```
#4019dd
```
#4019dd rgb(64,25,221)
```
#4f29e7
```
#4f29e7 rgb(79,41,231)
```

Monochromatic Color

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

#141caf
```
#141caf rgb(20,28,175)
```
#1914af
```
#1914af rgb(25,20,175)
```
#2614af
```
#2614af rgb(38,20,175)
```
#3314af
```
#3314af rgb(51,20,175)
```
#4014af
```
#4014af rgb(64,20,175)
```
#4d14af
```
#4d14af rgb(77,20,175)
```
#5a14af
```
#5a14af rgb(90,20,175)
```

Similar Colors

Text with hexadecimal color #3314af

This text has a font color of #3314af.

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

#3314af background color

This paragraph has a background color of #3314af.

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

#3314af border color

This element has a border color of #3314af.

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

CSS codes

.text {color:#3314af;}

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

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

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

#050211
```
#050211 rgb(5,2,17)
```
#0a0422
```
#0a0422 rgb(10,4,34)
```
#0f0634
```
#0f0634 rgb(15,6,52)
```
#140845
```
#140845 rgb(20,8,69)
```
#190a57
```
#190a57 rgb(25,10,87)
```
#1e0c69
```
#1e0c69 rgb(30,12,105)
```
#240e7a
```
#240e7a rgb(36,14,122)
```
#29108c
```
#29108c rgb(41,16,140)
```
#2e129d
```
#2e129d rgb(46,18,157)
```
#3314af
```
#3314af rgb(51,20,175)
```
#3816c1
```
#3816c1 rgb(56,22,193)
```
#3d18d2
```
#3d18d2 rgb(61,24,210)
```
#421ae4
```
#421ae4 rgb(66,26,228)
```

Shade Color Variation

#502be7
```
#502be7 rgb(80,43,231)
```
#5f3ce9
```
#5f3ce9 rgb(95,60,233)
```
#6d4eeb
```
#6d4eeb rgb(109,78,235)
```
#7c60ed
```
#7c60ed rgb(124,96,237)
```
#8a71ef
```
#8a71ef rgb(138,113,239)
```
#9983f1
```
#9983f1 rgb(153,131,241)
```
#a794f3
```
#a794f3 rgb(167,148,243)
```
#b6a6f5
```
#b6a6f5 rgb(182,166,245)
```
#c4b8f7
```
#c4b8f7 rgb(196,184,247)
```
#d3c9f9
```
#d3c9f9 rgb(211,201,249)
```
#e1dbfb
```
#e1dbfb rgb(225,219,251)
```
#f0ecfd
```
#f0ecfd rgb(240,236,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #605f64 is the less saturated color, while #2a05be is the most saturated one.

#605f64
```
#605f64 rgb(96,95,100)
```
#5c586c
```
#5c586c rgb(92,88,108)
```
#575073
```
#575073 rgb(87,80,115)
```
#53497b
```
#53497b rgb(83,73,123)
```
#4e4182
```
#4e4182 rgb(78,65,130)
```
#4a3a8a
```
#4a3a8a rgb(74,58,138)
```
#453291
```
#453291 rgb(69,50,145)
```
#412b99
```
#412b99 rgb(65,43,153)
```
#3c23a0
```
#3c23a0 rgb(60,35,160)
```
#381ca8
```
#381ca8 rgb(56,28,168)
```
#3314af
```
#3314af rgb(51,20,175)
```
#2f0db7
```
#2f0db7 rgb(47,13,183)
```
#2a05be
```
#2a05be rgb(42,5,190)
```

Tone Color Variation

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

#2f2f2f Achromatopsia 0.005% of the population
#302a49 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004281 Protanopia 1% of men
#004670 Deuteranopia 1% of men
#004b4f Tritanopia 0.001% of the population

Trichromacy

#123192 Protanomaly 1% of men, 0.01% of women
#123486 Deuteranomaly 6% of men, 0.4% of women
#123772 Tritanomaly 0.01% of the population

#3314af hex color

#3314af Color Information

#3314af Color Conversion

Color Schemes with #3314af

Alternatives to #3314af

#3314af Preview

Shades and Tints of #3314af

Tones of #3314af

Color Blindness Simulator