colorhexa.com

#327ed7 hex color

In a RGB color space, hex #327ed7 is composed of 19.6% red, 49.4% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 76.7% cyan, 41.4% magenta, 0% yellow and 15.7% black. It has a hue angle of 212.4 degrees, a saturation of 67.3% and a lightness of 52%. #327ed7 color hex could be obtained by blending #64fcff with #0000af. Closest websafe color is: #3366cc.

- R 20
- G 49
- B 84
RGB color chart
- C 77
- M 41
- Y 0
- K 16
CMYK color chart

● #327ed7 color description : Strong blue.

The hexadecimal color #327ed7 has RGB values of R:50, G:126, B:215 and CMYK values of C:0.77, M:0.41, Y:0, K:0.16. Its decimal value is 3309271.

Hex triplet	327ed7	`#327ed7`
RGB Decimal	50, 126, 215	`rgb(50,126,215)`
RGB Percent	19.6, 49.4, 84.3	`rgb(19.6%,49.4%,84.3%)`
CMYK	77, 41, 0, 16
HSL	212.4°, 67.3, 52	`hsl(212.4,67.3%,52%)`
HSV (or HSB)	212.4°, 76.7, 84.3
Web Safe	3366cc	`#3366cc`

CIE-LAB	52.403, 7.619, -52.29
XYZ	21.039, 20.504, 67.135
xyY	0.194, 0.189, 20.504
CIE-LCH	52.403, 52.843, 278.291
CIE-LUV	52.403, -26.607, -81.854
Hunter-Lab	45.282, 3.693, -56.207
Binary	00110010, 01111110, 11010111

#327ed7
```
#327ed7 rgb(50,126,215)
```
#d78b32
```
#d78b32 rgb(215,139,50)
```

Complementary Color

#32d1d7
```
#32d1d7 rgb(50,209,215)
```
#327ed7
```
#327ed7 rgb(50,126,215)
```
#3932d7
```
#3932d7 rgb(57,50,215)
```

Analogous Color

#d1d732
```
#d1d732 rgb(209,215,50)
```
#327ed7
```
#327ed7 rgb(50,126,215)
```
#d73932
```
#d73932 rgb(215,57,50)
```

Split Complementary Color

#7ed732
```
#7ed732 rgb(126,215,50)
```
#327ed7
```
#327ed7 rgb(50,126,215)
```
#d7327e
```
#d7327e rgb(215,50,126)
```

Triadic Color

#32d78b
```
#32d78b rgb(50,215,139)
```
#327ed7
```
#327ed7 rgb(50,126,215)
```
#d7327e
```
#d7327e rgb(215,50,126)
```
#d78b32
```
#d78b32 rgb(215,139,50)
```

Tetradic Color

#1f599e
```
#1f599e rgb(31,89,158)
```
#2365b3
```
#2365b3 rgb(35,101,179)
```
#2771c8
```
#2771c8 rgb(39,113,200)
```
#327ed7
```
#327ed7 rgb(50,126,215)
```
#478bdb
```
#478bdb rgb(71,139,219)
```
#5d99df
```
#5d99df rgb(93,153,223)
```
#72a6e3
```
#72a6e3 rgb(114,166,227)
```

Monochromatic Color

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

#32a7d7
```
#32a7d7 rgb(50,167,215)
```
#329ad7
```
#329ad7 rgb(50,154,215)
```
#328cd7
```
#328cd7 rgb(50,140,215)
```
#327ed7
```
#327ed7 rgb(50,126,215)
```
#3270d7
```
#3270d7 rgb(50,112,215)
```
#3263d7
```
#3263d7 rgb(50,99,215)
```
#3255d7
```
#3255d7 rgb(50,85,215)
```

Similar Colors

Text with hexadecimal color #327ed7

This text has a font color of #327ed7.

<span style="color:#327ed7;">Text here</span>

#327ed7 background color

This paragraph has a background color of #327ed7.

<p style="background-color:#327ed7;">Content here</p>

#327ed7 border color

This element has a border color of #327ed7.

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

CSS codes

.text {color:#327ed7;}

.background {background-color:#327ed7;}

.border {border:1px solid #327ed7;}

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 #f7fafd is the lightest one.

#020508
```
#020508 rgb(2,5,8)
```
#050e19
```
#050e19 rgb(5,14,25)
```
#081729
```
#081729 rgb(8,23,41)
```
#0b213a
```
#0b213a rgb(11,33,58)
```
#0e2a4a
```
#0e2a4a rgb(14,42,74)
```
#12335a
```
#12335a rgb(18,51,90)
```
#153c6b
```
#153c6b rgb(21,60,107)
```
#18467b
```
#18467b rgb(24,70,123)
```
#1b4f8c
```
#1b4f8c rgb(27,79,140)
```
#1e589c
```
#1e589c rgb(30,88,156)
```
#2262ac
```
#2262ac rgb(34,98,172)
```
#256bbd
```
#256bbd rgb(37,107,189)
```
#2874cd
```
#2874cd rgb(40,116,205)
```

Shade Color Variation

#327ed7
```
#327ed7 rgb(50,126,215)
```
#4288da
```
#4288da rgb(66,136,218)
```
#5393dd
```
#5393dd rgb(83,147,221)
```
#639de1
```
#639de1 rgb(99,157,225)
```
#74a7e4
```
#74a7e4 rgb(116,167,228)
```
#84b2e7
```
#84b2e7 rgb(132,178,231)
```
#94bcea
```
#94bcea rgb(148,188,234)
```
#a5c6ed
```
#a5c6ed rgb(165,198,237)
```
#b5d1f1
```
#b5d1f1 rgb(181,209,241)
```
#c6dbf4
```
#c6dbf4 rgb(198,219,244)
```
#d6e5f7
```
#d6e5f7 rgb(214,229,247)
```
#e7f0fa
```
#e7f0fa rgb(231,240,250)
```
#f7fafd
```
#f7fafd rgb(247,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d848c is the less saturated color, while #0c7bfd is the most saturated one.

#7d848c
```
#7d848c rgb(125,132,140)
```
#748395
```
#748395 rgb(116,131,149)
```
#6b829e
```
#6b829e rgb(107,130,158)
```
#6182a8
```
#6182a8 rgb(97,130,168)
```
#5881b1
```
#5881b1 rgb(88,129,177)
```
#4e80bb
```
#4e80bb rgb(78,128,187)
```
#457fc4
```
#457fc4 rgb(69,127,196)
```
#3b7fce
```
#3b7fce rgb(59,127,206)
```
#327ed7
```
#327ed7 rgb(50,126,215)
```
#297de0
```
#297de0 rgb(41,125,224)
```
#1f7dea
```
#1f7dea rgb(31,125,234)
```
#167cf3
```
#167cf3 rgb(22,124,243)
```
#0c7bfd
```
#0c7bfd rgb(12,123,253)
```

Tone Color Variation

Below, you can see how #327ed7 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

#717171 Achromatopsia 0.005% of the population
#647485 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b81d5 Protanopia 1% of men
#3685d8 Deuteranopia 1% of men
#00909a Tritanopia 0.001% of the population

Trichromacy

#4c7fd6 Protanomaly 1% of men, 0.01% of women
#3582d8 Deuteranomaly 6% of men, 0.4% of women
#1289b0 Tritanomaly 0.01% of the population