colorhexa.com

#2181c4 hex color

In a RGB color space, hex #2181c4 is composed of 12.9% red, 50.6% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 83.2% cyan, 34.2% magenta, 0% yellow and 23.1% black. It has a hue angle of 204.7 degrees, a saturation of 71.2% and a lightness of 44.9%. #2181c4 color hex could be obtained by blending #42ffff with #000389. Closest websafe color is: #3399cc.

- R 13
- G 51
- B 77
RGB color chart
- C 83
- M 34
- Y 0
- K 23
CMYK color chart

● #2181c4 color description : Strong blue.

The hexadecimal color #2181c4 has RGB values of R:33, G:129, B:196 and CMYK values of C:0.83, M:0.34, Y:0, K:0.23. Its decimal value is 2195908.

Hex triplet	2181c4	`#2181c4`
RGB Decimal	33, 129, 196	`rgb(33,129,196)`
RGB Percent	12.9, 50.6, 76.9	`rgb(12.9%,50.6%,76.9%)`
CMYK	83, 34, 0, 23
HSL	204.7°, 71.2, 44.9	`hsl(204.7,71.2%,44.9%)`
HSV (or HSB)	204.7°, 83.2, 76.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	51.846, -2.993, -42.413
XYZ	18.439, 20.008, 55.112
xyY	0.197, 0.214, 20.008
CIE-LCH	51.846, 42.518, 265.964
CIE-LUV	51.846, -30.612, -64.843
Hunter-Lab	44.73, -4.695, -41.74
Binary	00100001, 10000001, 11000100

#2181c4
```
#2181c4 rgb(33,129,196)
```
#c46421
```
#c46421 rgb(196,100,33)
```

Complementary Color

#21c4b6
```
#21c4b6 rgb(33,196,182)
```
#2181c4
```
#2181c4 rgb(33,129,196)
```
#2130c4
```
#2130c4 rgb(33,48,196)
```

Analogous Color

#c4b621
```
#c4b621 rgb(196,182,33)
```
#2181c4
```
#2181c4 rgb(33,129,196)
```
#c42130
```
#c42130 rgb(196,33,48)
```

Split Complementary Color

#81c421
```
#81c421 rgb(129,196,33)
```
#2181c4
```
#2181c4 rgb(33,129,196)
```
#c42181
```
#c42181 rgb(196,33,129)
```

Triadic Color

#21c464
```
#21c464 rgb(33,196,100)
```
#2181c4
```
#2181c4 rgb(33,129,196)
```
#c42181
```
#c42181 rgb(196,33,129)
```
#c46421
```
#c46421 rgb(196,100,33)
```

Tetradic Color

#165683
```
#165683 rgb(22,86,131)
```
#1a6498
```
#1a6498 rgb(26,100,152)
```
#1d73ae
```
#1d73ae rgb(29,115,174)
```
#2181c4
```
#2181c4 rgb(33,129,196)
```
#258fda
```
#258fda rgb(37,143,218)
```
#3a9bde
```
#3a9bde rgb(58,155,222)
```
#50a6e2
```
#50a6e2 rgb(80,166,226)
```

Monochromatic Color

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

#21aac4
```
#21aac4 rgb(33,170,196)
```
#219cc4
```
#219cc4 rgb(33,156,196)
```
#218fc4
```
#218fc4 rgb(33,143,196)
```
#2181c4
```
#2181c4 rgb(33,129,196)
```
#2173c4
```
#2173c4 rgb(33,115,196)
```
#2166c4
```
#2166c4 rgb(33,102,196)
```
#2158c4
```
#2158c4 rgb(33,88,196)
```

Similar Colors

Text with hexadecimal color #2181c4

This text has a font color of #2181c4.

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

#2181c4 background color

This paragraph has a background color of #2181c4.

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

#2181c4 border color

This element has a border color of #2181c4.

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

CSS codes

.text {color:#2181c4;}

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

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

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

#02070b
```
#02070b rgb(2,7,11)
```
#05131c
```
#05131c rgb(5,19,28)
```
#081e2d
```
#081e2d rgb(8,30,45)
```
#0a293e
```
#0a293e rgb(10,41,62)
```
#0d344e
```
#0d344e rgb(13,52,78)
```
#103f5f
```
#103f5f rgb(16,63,95)
```
#134a70
```
#134a70 rgb(19,74,112)
```
#165581
```
#165581 rgb(22,85,129)
```
#196092
```
#196092 rgb(25,96,146)
```
#1b6ba2
```
#1b6ba2 rgb(27,107,162)
```
#1e76b3
```
#1e76b3 rgb(30,118,179)
```
#2181c4
```
#2181c4 rgb(33,129,196)
```
#248cd5
```
#248cd5 rgb(36,140,213)
```

Shade Color Variation

#3095dc
```
#3095dc rgb(48,149,220)
```
#419edf
```
#419edf rgb(65,158,223)
```
#52a7e2
```
#52a7e2 rgb(82,167,226)
```
#62afe5
```
#62afe5 rgb(98,175,229)
```
#73b8e7
```
#73b8e7 rgb(115,184,231)
```
#84c0ea
```
#84c0ea rgb(132,192,234)
```
#95c9ed
```
#95c9ed rgb(149,201,237)
```
#a6d1f0
```
#a6d1f0 rgb(166,209,240)
```
#b6daf3
```
#b6daf3 rgb(182,218,243)
```
#c7e3f6
```
#c7e3f6 rgb(199,227,246)
```
#d8ebf8
```
#d8ebf8 rgb(216,235,248)
```
#e9f4fb
```
#e9f4fb rgb(233,244,251)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

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

#707375
```
#707375 rgb(112,115,117)
```
#67747e
```
#67747e rgb(103,116,126)
```
#5f7686
```
#5f7686 rgb(95,118,134)
```
#56788f
```
#56788f rgb(86,120,143)
```
#4d7998
```
#4d7998 rgb(77,121,152)
```
#447ba1
```
#447ba1 rgb(68,123,161)
```
#3b7caa
```
#3b7caa rgb(59,124,170)
```
#337eb2
```
#337eb2 rgb(51,126,178)
```
#2a7fbb
```
#2a7fbb rgb(42,127,187)
```
#2181c4
```
#2181c4 rgb(33,129,196)
```
#1883cd
```
#1883cd rgb(24,131,205)
```
#0f84d6
```
#0f84d6 rgb(15,132,214)
```
#0786de
```
#0786de rgb(7,134,222)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#5d707e Atypical Achromatopsia 0.001% of the population

Dichromacy

#6980c1 Protanopia 1% of men
#5482c9 Deuteranopia 1% of men
#008f98 Tritanopia 0.001% of the population

Trichromacy

#4e80c2 Protanomaly 1% of men, 0.01% of women
#4182c7 Deuteranomaly 6% of men, 0.4% of women
#0c8aa8 Tritanomaly 0.01% of the population