#2146c4 hex color

In a RGB color space, hex #2146c4 is composed of 12.9% red, 27.5% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 83.2% cyan, 64.3% magenta, 0% yellow and 23.1% black. It has a hue angle of 226.4 degrees, a saturation of 71.2% and a lightness of 44.9%. #2146c4 color hex could be obtained by blending #428cff with #000089. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 13
- G 27
- B 77
RGB color chart
- C 83
- M 64
- Y 0
- K 23
CMYK color chart

● #2146c4 color description : Strong blue.

The hexadecimal color #2146c4 has RGB values of R:33, G:70, B:196 and CMYK values of C:0.83, M:0.64, Y:0, K:0.23. Its decimal value is 2180804.

Hex triplet	2146c4	`#2146c4`
RGB Decimal	33, 70, 196	`rgb(33,70,196)`
RGB Percent	12.9, 27.5, 76.9	`rgb(12.9%,27.5%,76.9%)`
CMYK	83, 64, 0, 23
HSL	226.4°, 71.2, 44.9	`hsl(226.4,71.2%,44.9%)`
HSV (or HSB)	226.4°, 83.2, 76.9
Web Safe	3333cc	`#3333cc`

CIE-LAB	35.377, 34.695, -68.968
XYZ	12.779, 8.688, 53.225
xyY	0.171, 0.116, 8.688
CIE-LCH	35.377, 77.203, 296.705
CIE-LUV	35.377, -13.344, -96.616
Hunter-Lab	29.476, 25.805, -86.428
Binary	00100001, 01000110, 11000100

#2146c4
```
#2146c4 rgb(33,70,196)
```
#c49f21
```
#c49f21 rgb(196,159,33)
```

Complementary Color

#2198c4
```
#2198c4 rgb(33,152,196)
```
#2146c4
```
#2146c4 rgb(33,70,196)
```
#4d21c4
```
#4d21c4 rgb(77,33,196)
```

Analogous Color

#98c421
```
#98c421 rgb(152,196,33)
```
#2146c4
```
#2146c4 rgb(33,70,196)
```
#c44e21
```
#c44e21 rgb(196,78,33)
```

Split Complementary Color

#46c421
```
#46c421 rgb(70,196,33)
```
#2146c4
```
#2146c4 rgb(33,70,196)
```
#c42146
```
#c42146 rgb(196,33,70)
```

Triadic Color

#21c49f
```
#21c49f rgb(33,196,159)
```
#2146c4
```
#2146c4 rgb(33,70,196)
```
#c42146
```
#c42146 rgb(196,33,70)
```
#c49f21
```
#c49f21 rgb(196,159,33)
```

Tetradic Color

#162f83
```
#162f83 rgb(22,47,131)
```
#1a3698
```
#1a3698 rgb(26,54,152)
```
#1d3eae
```
#1d3eae rgb(29,62,174)
```
#2146c4
```
#2146c4 rgb(33,70,196)
```
#254eda
```
#254eda rgb(37,78,218)
```
#3a5fde
```
#3a5fde rgb(58,95,222)
```
#5071e2
```
#5071e2 rgb(80,113,226)
```

Monochromatic Color

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

#216fc4
```
#216fc4 rgb(33,111,196)
```
#2161c4
```
#2161c4 rgb(33,97,196)
```
#2154c4
```
#2154c4 rgb(33,84,196)
```
#2146c4
```
#2146c4 rgb(33,70,196)
```
#2138c4
```
#2138c4 rgb(33,56,196)
```
#212bc4
```
#212bc4 rgb(33,43,196)
```
#2521c4
```
#2521c4 rgb(37,33,196)
```

Similar Colors

Text with hexadecimal color #2146c4

This text has a font color of #2146c4.

<span style="color:#2146c4;">Text here</span>

#2146c4 background color

This paragraph has a background color of #2146c4.

<p style="background-color:#2146c4;">Content here</p>

#2146c4 border color

This element has a border color of #2146c4.

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

CSS codes

.text {color:#2146c4;}

.background {background-color:#2146c4;}

.border {border:1px solid #2146c4;}

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, #02040b is the darkest color, while #fafbfe is the lightest one.

#02040b
```
#02040b rgb(2,4,11)
```
#050a1c
```
#050a1c rgb(5,10,28)
```
#08102d
```
#08102d rgb(8,16,45)
```
#0a163e
```
#0a163e rgb(10,22,62)
```
#0d1c4e
```
#0d1c4e rgb(13,28,78)
```
#10225f
```
#10225f rgb(16,34,95)
```
#132870
```
#132870 rgb(19,40,112)
```
#162e81
```
#162e81 rgb(22,46,129)
```
#193492
```
#193492 rgb(25,52,146)
```
#1b3aa2
```
#1b3aa2 rgb(27,58,162)
```
#1e40b3
```
#1e40b3 rgb(30,64,179)
```
#2146c4
```
#2146c4 rgb(33,70,196)
```
#244cd5
```
#244cd5 rgb(36,76,213)
```

Shade Color Variation

#3057dc
```
#3057dc rgb(48,87,220)
```
#4165df
```
#4165df rgb(65,101,223)
```
#5272e2
```
#5272e2 rgb(82,114,226)
```
#6280e5
```
#6280e5 rgb(98,128,229)
```
#738ee7
```
#738ee7 rgb(115,142,231)
```
#849bea
```
#849bea rgb(132,155,234)
```
#95a9ed
```
#95a9ed rgb(149,169,237)
```
#a6b6f0
```
#a6b6f0 rgb(166,182,240)
```
#b6c4f3
```
#b6c4f3 rgb(182,196,243)
```
#c7d2f6
```
#c7d2f6 rgb(199,210,246)
```
#d8dff8
```
#d8dff8 rgb(216,223,248)
```
#e9edfb
```
#e9edfb rgb(233,237,251)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

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

#707175
```
#707175 rgb(112,113,117)
```
#676c7e
```
#676c7e rgb(103,108,126)
```
#5f6886
```
#5f6886 rgb(95,104,134)
```
#56638f
```
#56638f rgb(86,99,143)
```
#4d5e98
```
#4d5e98 rgb(77,94,152)
```
#4459a1
```
#4459a1 rgb(68,89,161)
```
#3b54aa
```
#3b54aa rgb(59,84,170)
```
#3350b2
```
#3350b2 rgb(51,80,178)
```
#2a4bbb
```
#2a4bbb rgb(42,75,187)
```
#2146c4
```
#2146c4 rgb(33,70,196)
```
#1841cd
```
#1841cd rgb(24,65,205)
```
#0f3cd6
```
#0f3cd6 rgb(15,60,214)
```
#0738de
```
#0738de rgb(7,56,222)
```

Tone Color Variation

Below, you can see how #2146c4 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

#494949 Achromatopsia 0.005% of the population
#414862 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059ae Protanopia 1% of men
#005e97 Deuteranopia 1% of men
#00656a Tritanopia 0.001% of the population

Trichromacy

#0c52b6 Protanomaly 1% of men, 0.01% of women
#0c55a7 Deuteranomaly 6% of men, 0.4% of women
#0c598b Tritanomaly 0.01% of the population

#2146c4 hex color

#2146c4 Color Information

#2146c4 Color Conversion

Color Schemes with #2146c4

Alternatives to #2146c4

#2146c4 Preview

Shades and Tints of #2146c4

Tones of #2146c4

Color Blindness Simulator