#2148c4 hex color

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

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

● #2148c4 color description : Strong blue.

The hexadecimal color #2148c4 has RGB values of R:33, G:72, B:196 and CMYK values of C:0.83, M:0.63, Y:0, K:0.23. Its decimal value is 2181316.

Hex triplet	2148c4	`#2148c4`
RGB Decimal	33, 72, 196	`rgb(33,72,196)`
RGB Percent	12.9, 28.2, 76.9	`rgb(12.9%,28.2%,76.9%)`
CMYK	83, 63, 0, 23
HSL	225.6°, 71.2, 44.9	`hsl(225.6,71.2%,44.9%)`
HSV (or HSB)	225.6°, 83.2, 76.9
Web Safe	3333cc	`#3333cc`

CIE-LAB	35.874, 33.402, -68.154
XYZ	12.906, 8.943, 53.267
xyY	0.172, 0.119, 8.943
CIE-LCH	35.874, 75.899, 296.109
CIE-LUV	35.874, -13.802, -96.09
Hunter-Lab	29.904, 24.706, -84.679
Binary	00100001, 01001000, 11000100

#2148c4
```
#2148c4 rgb(33,72,196)
```
#c49d21
```
#c49d21 rgb(196,157,33)
```

Complementary Color

#219ac4
```
#219ac4 rgb(33,154,196)
```
#2148c4
```
#2148c4 rgb(33,72,196)
```
#4c21c4
```
#4c21c4 rgb(76,33,196)
```

Analogous Color

#9ac421
```
#9ac421 rgb(154,196,33)
```
#2148c4
```
#2148c4 rgb(33,72,196)
```
#c44c21
```
#c44c21 rgb(196,76,33)
```

Split Complementary Color

#48c421
```
#48c421 rgb(72,196,33)
```
#2148c4
```
#2148c4 rgb(33,72,196)
```
#c42148
```
#c42148 rgb(196,33,72)
```

Triadic Color

#21c49d
```
#21c49d rgb(33,196,157)
```
#2148c4
```
#2148c4 rgb(33,72,196)
```
#c42148
```
#c42148 rgb(196,33,72)
```
#c49d21
```
#c49d21 rgb(196,157,33)
```

Tetradic Color

#163083
```
#163083 rgb(22,48,131)
```
#1a3898
```
#1a3898 rgb(26,56,152)
```
#1d40ae
```
#1d40ae rgb(29,64,174)
```
#2148c4
```
#2148c4 rgb(33,72,196)
```
#2550da
```
#2550da rgb(37,80,218)
```
#3a61de
```
#3a61de rgb(58,97,222)
```
#5073e2
```
#5073e2 rgb(80,115,226)
```

Monochromatic Color

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

#2171c4
```
#2171c4 rgb(33,113,196)
```
#2163c4
```
#2163c4 rgb(33,99,196)
```
#2156c4
```
#2156c4 rgb(33,86,196)
```
#2148c4
```
#2148c4 rgb(33,72,196)
```
#213ac4
```
#213ac4 rgb(33,58,196)
```
#212dc4
```
#212dc4 rgb(33,45,196)
```
#2321c4
```
#2321c4 rgb(35,33,196)
```

Similar Colors

Text with hexadecimal color #2148c4

This text has a font color of #2148c4.

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

#2148c4 background color

This paragraph has a background color of #2148c4.

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

#2148c4 border color

This element has a border color of #2148c4.

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

CSS codes

.text {color:#2148c4;}

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

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

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)
```
#0a173e
```
#0a173e rgb(10,23,62)
```
#0d1d4e
```
#0d1d4e rgb(13,29,78)
```
#10235f
```
#10235f rgb(16,35,95)
```
#132970
```
#132970 rgb(19,41,112)
```
#162f81
```
#162f81 rgb(22,47,129)
```
#193592
```
#193592 rgb(25,53,146)
```
#1b3ca2
```
#1b3ca2 rgb(27,60,162)
```
#1e42b3
```
#1e42b3 rgb(30,66,179)
```
#2148c4
```
#2148c4 rgb(33,72,196)
```
#244ed5
```
#244ed5 rgb(36,78,213)
```

Shade Color Variation

#3059dc
```
#3059dc rgb(48,89,220)
```
#4167df
```
#4167df rgb(65,103,223)
```
#5274e2
```
#5274e2 rgb(82,116,226)
```
#6282e5
```
#6282e5 rgb(98,130,229)
```
#738fe7
```
#738fe7 rgb(115,143,231)
```
#849cea
```
#849cea rgb(132,156,234)
```
#95aaed
```
#95aaed rgb(149,170,237)
```
#a6b7f0
```
#a6b7f0 rgb(166,183,240)
```
#b6c5f3
```
#b6c5f3 rgb(182,197,243)
```
#c7d2f6
```
#c7d2f6 rgb(199,210,246)
```
#d8e0f8
```
#d8e0f8 rgb(216,224,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 #073ade is the most saturated one.

#707175
```
#707175 rgb(112,113,117)
```
#676d7e
```
#676d7e rgb(103,109,126)
```
#5f6886
```
#5f6886 rgb(95,104,134)
```
#56648f
```
#56648f rgb(86,100,143)
```
#4d5f98
```
#4d5f98 rgb(77,95,152)
```
#445aa1
```
#445aa1 rgb(68,90,161)
```
#3b56aa
```
#3b56aa rgb(59,86,170)
```
#3351b2
```
#3351b2 rgb(51,81,178)
```
#2a4dbb
```
#2a4dbb rgb(42,77,187)
```
#2148c4
```
#2148c4 rgb(33,72,196)
```
#1843cd
```
#1843cd rgb(24,67,205)
```
#0f3fd6
```
#0f3fd6 rgb(15,63,214)
```
#073ade
```
#073ade rgb(7,58,222)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#424a62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005ab0 Protanopia 1% of men
#005f99 Deuteranopia 1% of men
#00666b Tritanopia 0.001% of the population

Trichromacy

#0c53b7 Protanomaly 1% of men, 0.01% of women
#0c57a9 Deuteranomaly 6% of men, 0.4% of women
#0c5b8b Tritanomaly 0.01% of the population

#2148c4 hex color

#2148c4 Color Information

#2148c4 Color Conversion

Color Schemes with #2148c4

Alternatives to #2148c4

#2148c4 Preview

Shades and Tints of #2148c4

Tones of #2148c4

Color Blindness Simulator