#396ac2 hex color

In a RGB color space, hex #396ac2 is composed of 22.4% red, 41.6% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 70.6% cyan, 45.4% magenta, 0% yellow and 23.9% black. It has a hue angle of 218.5 degrees, a saturation of 54.6% and a lightness of 49.2%. #396ac2 color hex could be obtained by blending #72d4ff with #000085. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 22
- G 42
- B 76
RGB color chart
- C 71
- M 45
- Y 0
- K 24
CMYK color chart

● #396ac2 color description : Moderate blue.

The hexadecimal color #396ac2 has RGB values of R:57, G:106, B:194 and CMYK values of C:0.71, M:0.45, Y:0, K:0.24. Its decimal value is 3762882.

Hex triplet	396ac2	`#396ac2`
RGB Decimal	57, 106, 194	`rgb(57,106,194)`
RGB Percent	22.4, 41.6, 76.1	`rgb(22.4%,41.6%,76.1%)`
CMYK	71, 45, 0, 24
HSL	218.5°, 54.6, 49.2	`hsl(218.5,54.6%,49.2%)`
HSV (or HSB)	218.5°, 70.6, 76.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	45.732, 13.268, -50.962
XYZ	16.577, 15.072, 53.072
xyY	0.196, 0.178, 15.072
CIE-LCH	45.732, 52.661, 284.593
CIE-LUV	45.732, -19.525, -77.762
Hunter-Lab	38.822, 8.279, -53.876
Binary	00111001, 01101010, 11000010

#396ac2
```
#396ac2 rgb(57,106,194)
```
#c29139
```
#c29139 rgb(194,145,57)
```

Complementary Color

#39afc2
```
#39afc2 rgb(57,175,194)
```
#396ac2
```
#396ac2 rgb(57,106,194)
```
#4c39c2
```
#4c39c2 rgb(76,57,194)
```

Analogous Color

#afc239
```
#afc239 rgb(175,194,57)
```
#396ac2
```
#396ac2 rgb(57,106,194)
```
#c24c39
```
#c24c39 rgb(194,76,57)
```

Split Complementary Color

#6ac239
```
#6ac239 rgb(106,194,57)
```
#396ac2
```
#396ac2 rgb(57,106,194)
```
#c2396a
```
#c2396a rgb(194,57,106)
```

Triadic Color

#39c291
```
#39c291 rgb(57,194,145)
```
#396ac2
```
#396ac2 rgb(57,106,194)
```
#c2396a
```
#c2396a rgb(194,57,106)
```
#c29139
```
#c29139 rgb(194,145,57)
```

Tetradic Color

#284a87
```
#284a87 rgb(40,74,135)
```
#2d549b
```
#2d549b rgb(45,84,155)
```
#335fae
```
#335fae rgb(51,95,174)
```
#396ac2
```
#396ac2 rgb(57,106,194)
```
#4b78ca
```
#4b78ca rgb(75,120,202)
```
#5e87d0
```
#5e87d0 rgb(94,135,208)
```
#7296d6
```
#7296d6 rgb(114,150,214)
```

Monochromatic Color

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

#398cc2
```
#398cc2 rgb(57,140,194)
```
#3981c2
```
#3981c2 rgb(57,129,194)
```
#3975c2
```
#3975c2 rgb(57,117,194)
```
#396ac2
```
#396ac2 rgb(57,106,194)
```
#395fc2
```
#395fc2 rgb(57,95,194)
```
#3953c2
```
#3953c2 rgb(57,83,194)
```
#3948c2
```
#3948c2 rgb(57,72,194)
```

Similar Colors

Text with hexadecimal color #396ac2

This text has a font color of #396ac2.

<span style="color:#396ac2;">Text here</span>

#396ac2 background color

This paragraph has a background color of #396ac2.

<p style="background-color:#396ac2;">Content here</p>

#396ac2 border color

This element has a border color of #396ac2.

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

CSS codes

.text {color:#396ac2;}

.background {background-color:#396ac2;}

.border {border:1px solid #396ac2;}

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, #04070c is the darkest color, while #fcfdfe is the lightest one.

#04070c
```
#04070c rgb(4,7,12)
```
#080f1b
```
#080f1b rgb(8,15,27)
```
#0c172a
```
#0c172a rgb(12,23,42)
```
#111f3a
```
#111f3a rgb(17,31,58)
```
#152849
```
#152849 rgb(21,40,73)
```
#1a3058
```
#1a3058 rgb(26,48,88)
```
#1e3867
```
#1e3867 rgb(30,56,103)
```
#234176
```
#234176 rgb(35,65,118)
```
#274985
```
#274985 rgb(39,73,133)
```
#2c5195
```
#2c5195 rgb(44,81,149)
```
#3059a4
```
#3059a4 rgb(48,89,164)
```
#3562b3
```
#3562b3 rgb(53,98,179)
```
#396ac2
```
#396ac2 rgb(57,106,194)
```

Shade Color Variation

#4675c9
```
#4675c9 rgb(70,117,201)
```
#5580cd
```
#5580cd rgb(85,128,205)
```
#648bd2
```
#648bd2 rgb(100,139,210)
```
#7397d6
```
#7397d6 rgb(115,151,214)
```
#83a2da
```
#83a2da rgb(131,162,218)
```
#92addf
```
#92addf rgb(146,173,223)
```
#a1b9e3
```
#a1b9e3 rgb(161,185,227)
```
#b0c4e8
```
#b0c4e8 rgb(176,196,232)
```
#bfcfec
```
#bfcfec rgb(191,207,236)
```
#cedbf1
```
#cedbf1 rgb(206,219,241)
```
#dee6f5
```
#dee6f5 rgb(222,230,245)
```
#edf1fa
```
#edf1fa rgb(237,241,250)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#7d7d7e
```
#7d7d7e rgb(125,125,126)
```
#737a88
```
#737a88 rgb(115,122,136)
```
#697892
```
#697892 rgb(105,120,146)
```
#60759b
```
#60759b rgb(96,117,155)
```
#5672a5
```
#5672a5 rgb(86,114,165)
```
#4c6faf
```
#4c6faf rgb(76,111,175)
```
#436db8
```
#436db8 rgb(67,109,184)
```
#396ac2
```
#396ac2 rgb(57,106,194)
```
#2f67cc
```
#2f67cc rgb(47,103,204)
```
#2665d5
```
#2665d5 rgb(38,101,213)
```
#1c62df
```
#1c62df rgb(28,98,223)
```
#125fe9
```
#125fe9 rgb(18,95,233)
```
#095cf2
```
#095cf2 rgb(9,92,242)
```

Tone Color Variation

Below, you can see how #396ac2 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

#656565 Achromatopsia 0.005% of the population
#5c6678 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4771c4 Protanopia 1% of men
#1975c3 Deuteranopia 1% of men
#007f87 Tritanopia 0.001% of the population

Trichromacy

#426ec3 Protanomaly 1% of men, 0.01% of women
#2471c2 Deuteranomaly 6% of men, 0.4% of women
#14779d Tritanomaly 0.01% of the population

#396ac2 hex color

#396ac2 Color Information

#396ac2 Color Conversion

Color Schemes with #396ac2

Alternatives to #396ac2

#396ac2 Preview

Shades and Tints of #396ac2

Tones of #396ac2

Color Blindness Simulator