colorhexa.com

#3364e1 hex color

In a RGB color space, hex #3364e1 is composed of 20% red, 39.2% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 77.3% cyan, 55.6% magenta, 0% yellow and 11.8% black. It has a hue angle of 223.1 degrees, a saturation of 74.4% and a lightness of 54.1%. #3364e1 color hex could be obtained by blending #66c8ff with #0000c3. Closest websafe color is: #3366cc.

- R 20
- G 39
- B 88
RGB color chart
- C 77
- M 56
- Y 0
- K 12
CMYK color chart

● #3364e1 color description : Bright blue.

The hexadecimal color #3364e1 has RGB values of R:51, G:100, B:225 and CMYK values of C:0.77, M:0.56, Y:0, K:0.12. Its decimal value is 3368161.

Hex triplet	3364e1	`#3364e1`
RGB Decimal	51, 100, 225	`rgb(51,100,225)`
RGB Percent	20, 39.2, 88.2	`rgb(20%,39.2%,88.2%)`
CMYK	77, 56, 0, 12
HSL	223.1°, 74.4, 54.1	`hsl(223.1,74.4%,54.1%)`
HSV (or HSB)	223.1°, 77.3, 88.2
Web Safe	3366cc	`#3366cc`

CIE-LAB	45.979, 27.797, -68.302
XYZ	19.51, 15.253, 73.146
xyY	0.181, 0.141, 15.253
CIE-LCH	45.979, 73.742, 292.145
CIE-LUV	45.979, -18.526, -104.511
Hunter-Lab	39.055, 20.824, -83.705
Binary	00110011, 01100100, 11100001

#3364e1
```
#3364e1 rgb(51,100,225)
```
#e1b033
```
#e1b033 rgb(225,176,51)
```

Complementary Color

#33bbe1
```
#33bbe1 rgb(51,187,225)
```
#3364e1
```
#3364e1 rgb(51,100,225)
```
#5933e1
```
#5933e1 rgb(89,51,225)
```

Analogous Color

#bbe133
```
#bbe133 rgb(187,225,51)
```
#3364e1
```
#3364e1 rgb(51,100,225)
```
#e15933
```
#e15933 rgb(225,89,51)
```

Split Complementary Color

#64e133
```
#64e133 rgb(100,225,51)
```
#3364e1
```
#3364e1 rgb(51,100,225)
```
#e13364
```
#e13364 rgb(225,51,100)
```

Triadic Color

#33e1b0
```
#33e1b0 rgb(51,225,176)
```
#3364e1
```
#3364e1 rgb(51,100,225)
```
#e13364
```
#e13364 rgb(225,51,100)
```
#e1b033
```
#e1b033 rgb(225,176,51)
```

Tetradic Color

#1a43ae
```
#1a43ae rgb(26,67,174)
```
#1d4cc4
```
#1d4cc4 rgb(29,76,196)
```
#2055da
```
#2055da rgb(32,85,218)
```
#3364e1
```
#3364e1 rgb(51,100,225)
```
#4975e4
```
#4975e4 rgb(73,117,228)
```
#5f86e8
```
#5f86e8 rgb(95,134,232)
```
#7697eb
```
#7697eb rgb(118,151,235)
```

Monochromatic Color

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

#3390e1
```
#3390e1 rgb(51,144,225)
```
#3381e1
```
#3381e1 rgb(51,129,225)
```
#3373e1
```
#3373e1 rgb(51,115,225)
```
#3364e1
```
#3364e1 rgb(51,100,225)
```
#3356e1
```
#3356e1 rgb(51,86,225)
```
#3347e1
```
#3347e1 rgb(51,71,225)
```
#3339e1
```
#3339e1 rgb(51,57,225)
```

Similar Colors

Text with hexadecimal color #3364e1

This text has a font color of #3364e1.

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

#3364e1 background color

This paragraph has a background color of #3364e1.

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

#3364e1 border color

This element has a border color of #3364e1.

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

CSS codes

.text {color:#3364e1;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#030712
```
#030712 rgb(3,7,18)
```
#050e23
```
#050e23 rgb(5,14,35)
```
#081435
```
#081435 rgb(8,20,53)
```
#0a1b46
```
#0a1b46 rgb(10,27,70)
```
#0d2257
```
#0d2257 rgb(13,34,87)
```
#0f2868
```
#0f2868 rgb(15,40,104)
```
#122f79
```
#122f79 rgb(18,47,121)
```
#14358a
```
#14358a rgb(20,53,138)
```
#173c9b
```
#173c9b rgb(23,60,155)
```
#1943ac
```
#1943ac rgb(25,67,172)
```
#1c49bd
```
#1c49bd rgb(28,73,189)
```
#1e50ce
```
#1e50ce rgb(30,80,206)
```

Shade Color Variation

#2257de
```
#2257de rgb(34,87,222)
```
#3364e1
```
#3364e1 rgb(51,100,225)
```
#4471e4
```
#4471e4 rgb(68,113,228)
```
#557ee6
```
#557ee6 rgb(85,126,230)
```
#668be9
```
#668be9 rgb(102,139,233)
```
#7798eb
```
#7798eb rgb(119,152,235)
```
#89a5ee
```
#89a5ee rgb(137,165,238)
```
#9ab2f0
```
#9ab2f0 rgb(154,178,240)
```
#abbff3
```
#abbff3 rgb(171,191,243)
```
#bcccf5
```
#bcccf5 rgb(188,204,245)
```
#cdd9f8
```
#cdd9f8 rgb(205,217,248)
```
#dee6fa
```
#dee6fa rgb(222,230,250)
```
#eff3fd
```
#eff3fd rgb(239,243,253)
```

Tint Color Variation

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

#848790
```
#848790 rgb(132,135,144)
```
#7b8399
```
#7b8399 rgb(123,131,153)
```
#7280a2
```
#7280a2 rgb(114,128,162)
```
#697cab
```
#697cab rgb(105,124,171)
```
#6078b4
```
#6078b4 rgb(96,120,180)
```
#5774bd
```
#5774bd rgb(87,116,189)
```
#4e70c6
```
#4e70c6 rgb(78,112,198)
```
#456ccf
```
#456ccf rgb(69,108,207)
```
#3c68d8
```
#3c68d8 rgb(60,104,216)
```
#3364e1
```
#3364e1 rgb(51,100,225)
```
#2a60ea
```
#2a60ea rgb(42,96,234)
```
#215cf3
```
#215cf3 rgb(33,92,243)
```
#1858fc
```
#1858fc rgb(24,88,252)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#5a647d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070dd Protanopia 1% of men
#0077c1 Deuteranopia 1% of men
#007f87 Tritanopia 0.001% of the population

Trichromacy

#126cde Protanomaly 1% of men, 0.01% of women
#1270cd Deuteranomaly 6% of men, 0.4% of women
#1275a8 Tritanomaly 0.01% of the population