#3364af hex color

In a RGB color space, hex #3364af is composed of 20% red, 39.2% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 70.9% cyan, 42.9% magenta, 0% yellow and 31.4% black. It has a hue angle of 216.3 degrees, a saturation of 54.9% and a lightness of 44.3%. #3364af color hex could be obtained by blending #66c8ff with #00005f. Closest websafe color is: #336699.

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

● #3364af color description : Dark blue.

The hexadecimal color #3364af has RGB values of R:51, G:100, B:175 and CMYK values of C:0.71, M:0.43, Y:0, K:0.31. Its decimal value is 3368111.

Hex triplet	3364af	`#3364af`
RGB Decimal	51, 100, 175	`rgb(51,100,175)`
RGB Percent	20, 39.2, 68.6	`rgb(20%,39.2%,68.6%)`
CMYK	71, 43, 0, 31
HSL	216.3°, 54.9, 44.3	`hsl(216.3,54.9%,44.3%)`
HSV (or HSB)	216.3°, 70.9, 68.6
Web Safe	336699	`#336699`

CIE-LAB	42.631, 9.175, -44.878
XYZ	13.659, 12.912, 42.328
xyY	0.198, 0.187, 12.912
CIE-LCH	42.631, 45.806, 281.554
CIE-LUV	42.631, -19.078, -66.914
Hunter-Lab	35.934, 4.964, -44.686
Binary	00110011, 01100100, 10101111

#3364af
```
#3364af rgb(51,100,175)
```
#af7e33
```
#af7e33 rgb(175,126,51)
```

Complementary Color

#33a2af
```
#33a2af rgb(51,162,175)
```
#3364af
```
#3364af rgb(51,100,175)
```
#4033af
```
#4033af rgb(64,51,175)
```

Analogous Color

#a2af33
```
#a2af33 rgb(162,175,51)
```
#3364af
```
#3364af rgb(51,100,175)
```
#af4033
```
#af4033 rgb(175,64,51)
```

Split Complementary Color

#64af33
```
#64af33 rgb(100,175,51)
```
#3364af
```
#3364af rgb(51,100,175)
```
#af3364
```
#af3364 rgb(175,51,100)
```

Triadic Color

#33af7e
```
#33af7e rgb(51,175,126)
```
#3364af
```
#3364af rgb(51,100,175)
```
#af3364
```
#af3364 rgb(175,51,100)
```
#af7e33
```
#af7e33 rgb(175,126,51)
```

Tetradic Color

#224274
```
#224274 rgb(34,66,116)
```
#274d88
```
#274d88 rgb(39,77,136)
```
#2d599b
```
#2d599b rgb(45,89,155)
```
#3364af
```
#3364af rgb(51,100,175)
```
#396fc3
```
#396fc3 rgb(57,111,195)
```
#4b7dca
```
#4b7dca rgb(75,125,202)
```
#5e8bd0
```
#5e8bd0 rgb(94,139,208)
```

Monochromatic Color

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

#3383af
```
#3383af rgb(51,131,175)
```
#3379af
```
#3379af rgb(51,121,175)
```
#336eaf
```
#336eaf rgb(51,110,175)
```
#3364af
```
#3364af rgb(51,100,175)
```
#335aaf
```
#335aaf rgb(51,90,175)
```
#334faf
```
#334faf rgb(51,79,175)
```
#3345af
```
#3345af rgb(51,69,175)
```

Similar Colors

Text with hexadecimal color #3364af

This text has a font color of #3364af.

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

#3364af background color

This paragraph has a background color of #3364af.

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

#3364af border color

This element has a border color of #3364af.

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

CSS codes

.text {color:#3364af;}

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

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

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

#020508
```
#020508 rgb(2,5,8)
```
#070d17
```
#070d17 rgb(7,13,23)
```
#0b1626
```
#0b1626 rgb(11,22,38)
```
#101f35
```
#101f35 rgb(16,31,53)
```
#142745
```
#142745 rgb(20,39,69)
```
#183054
```
#183054 rgb(24,48,84)
```
#1d3963
```
#1d3963 rgb(29,57,99)
```
#214172
```
#214172 rgb(33,65,114)
```
#264a81
```
#264a81 rgb(38,74,129)
```
#2a5391
```
#2a5391 rgb(42,83,145)
```
#2f5ba0
```
#2f5ba0 rgb(47,91,160)
```
#3364af
```
#3364af rgb(51,100,175)
```
#376dbe
```
#376dbe rgb(55,109,190)
```

Shade Color Variation

#4177c8
```
#4177c8 rgb(65,119,200)
```
#5181cc
```
#5181cc rgb(81,129,204)
```
#608cd1
```
#608cd1 rgb(96,140,209)
```
#6f97d5
```
#6f97d5 rgb(111,151,213)
```
#7ea2d9
```
#7ea2d9 rgb(126,162,217)
```
#8dadde
```
#8dadde rgb(141,173,222)
```
#9db8e2
```
#9db8e2 rgb(157,184,226)
```
#acc3e7
```
#acc3e7 rgb(172,195,231)
```
#bbceeb
```
#bbceeb rgb(187,206,235)
```
#cad9f0
```
#cad9f0 rgb(202,217,240)
```
#d9e4f4
```
#d9e4f4 rgb(217,228,244)
```
#e9eff8
```
#e9eff8 rgb(233,239,248)
```
#f8fafd
```
#f8fafd rgb(248,250,253)
```

Tint Color Variation

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

#707172
```
#707172 rgb(112,113,114)
```
#676f7b
```
#676f7b rgb(103,111,123)
```
#5e6d84
```
#5e6d84 rgb(94,109,132)
```
#566b8c
```
#566b8c rgb(86,107,140)
```
#4d6995
```
#4d6995 rgb(77,105,149)
```
#44689e
```
#44689e rgb(68,104,158)
```
#3c66a6
```
#3c66a6 rgb(60,102,166)
```
#3364af
```
#3364af rgb(51,100,175)
```
#2a62b8
```
#2a62b8 rgb(42,98,184)
```
#2260c0
```
#2260c0 rgb(34,96,192)
```
#195fc9
```
#195fc9 rgb(25,95,201)
```
#105dd2
```
#105dd2 rgb(16,93,210)
```
#085bda
```
#085bda rgb(8,91,218)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#555f6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a6ab1 Protanopia 1% of men
#2e6db2 Deuteranopia 1% of men
#00777f Tritanopia 0.001% of the population

Trichromacy

#4168b0 Protanomaly 1% of men, 0.01% of women
#306ab1 Deuteranomaly 6% of men, 0.4% of women
#127090 Tritanomaly 0.01% of the population

#3364af hex color

#3364af Color Information

#3364af Color Conversion

Color Schemes with #3364af

Alternatives to #3364af

#3364af Preview

Shades and Tints of #3364af

Tones of #3364af

Color Blindness Simulator