#2181a5 hex color

In a RGB color space, hex #2181a5 is composed of 12.9% red, 50.6% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 21.8% magenta, 0% yellow and 35.3% black. It has a hue angle of 196.4 degrees, a saturation of 66.7% and a lightness of 38.8%. #2181a5 color hex could be obtained by blending #42ffff with #00034b. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 13
- G 51
- B 65
RGB color chart
- C 80
- M 22
- Y 0
- K 35
CMYK color chart

● #2181a5 color description : Dark blue.

The hexadecimal color #2181a5 has RGB values of R:33, G:129, B:165 and CMYK values of C:0.8, M:0.22, Y:0, K:0.35. Its decimal value is 2195877.

Hex triplet	2181a5	`#2181a5`
RGB Decimal	33, 129, 165	`rgb(33,129,165)`
RGB Percent	12.9, 50.6, 64.7	`rgb(12.9%,50.6%,64.7%)`
CMYK	80, 22, 0, 35
HSL	196.4°, 66.7, 38.8	`hsl(196.4,66.7%,38.8%)`
HSV (or HSB)	196.4°, 80, 64.7
Web Safe	339999	`#339999`

CIE-LAB	50.381, -14.327, -26.864
XYZ	15.267, 18.739, 38.408
xyY	0.211, 0.259, 18.739
CIE-LCH	50.381, 30.445, 241.929
CIE-LUV	50.381, -32.395, -38.358
Hunter-Lab	43.289, -12.801, -22.303
Binary	00100001, 10000001, 10100101

#2181a5
```
#2181a5 rgb(33,129,165)
```
#a54521
```
#a54521 rgb(165,69,33)
```

Complementary Color

#21a587
```
#21a587 rgb(33,165,135)
```
#2181a5
```
#2181a5 rgb(33,129,165)
```
#213fa5
```
#213fa5 rgb(33,63,165)
```

Analogous Color

#a58721
```
#a58721 rgb(165,135,33)
```
#2181a5
```
#2181a5 rgb(33,129,165)
```
#a5213f
```
#a5213f rgb(165,33,63)
```

Split Complementary Color

#81a521
```
#81a521 rgb(129,165,33)
```
#2181a5
```
#2181a5 rgb(33,129,165)
```
#a52181
```
#a52181 rgb(165,33,129)
```

Triadic Color

#21a545
```
#21a545 rgb(33,165,69)
```
#2181a5
```
#2181a5 rgb(33,129,165)
```
#a52181
```
#a52181 rgb(165,33,129)
```
#a54521
```
#a54521 rgb(165,69,33)
```

Tetradic Color

#144f65
```
#144f65 rgb(20,79,101)
```
#19607b
```
#19607b rgb(25,96,123)
```
#1d7090
```
#1d7090 rgb(29,112,144)
```
#2181a5
```
#2181a5 rgb(33,129,165)
```
#2592ba
```
#2592ba rgb(37,146,186)
```
#2aa2d0
```
#2aa2d0 rgb(42,162,208)
```
#3badd8
```
#3badd8 rgb(59,173,216)
```

Monochromatic Color

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

#21a2a5
```
#21a2a5 rgb(33,162,165)
```
#2197a5
```
#2197a5 rgb(33,151,165)
```
#218ca5
```
#218ca5 rgb(33,140,165)
```
#2181a5
```
#2181a5 rgb(33,129,165)
```
#2176a5
```
#2176a5 rgb(33,118,165)
```
#216ba5
```
#216ba5 rgb(33,107,165)
```
#2160a5
```
#2160a5 rgb(33,96,165)
```

Similar Colors

Text with hexadecimal color #2181a5

This text has a font color of #2181a5.

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

#2181a5 background color

This paragraph has a background color of #2181a5.

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

#2181a5 border color

This element has a border color of #2181a5.

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

CSS codes

.text {color:#2181a5;}

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

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

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, #000102 is the darkest color, while #f0f9fc is the lightest one.

#000102
```
#000102 rgb(0,1,2)
```
#040e12
```
#040e12 rgb(4,14,18)
```
#071b22
```
#071b22 rgb(7,27,34)
```
#0a2833
```
#0a2833 rgb(10,40,51)
```
#0d3443
```
#0d3443 rgb(13,52,67)
```
#114153
```
#114153 rgb(17,65,83)
```
#144e64
```
#144e64 rgb(20,78,100)
```
#175b74
```
#175b74 rgb(23,91,116)
```
#1a6784
```
#1a6784 rgb(26,103,132)
```
#1e7495
```
#1e7495 rgb(30,116,149)
```
#2181a5
```
#2181a5 rgb(33,129,165)
```
#248eb5
```
#248eb5 rgb(36,142,181)
```
#289bc6
```
#289bc6 rgb(40,155,198)
```

Shade Color Variation

#2ca7d5
```
#2ca7d5 rgb(44,167,213)
```
#3caed8
```
#3caed8 rgb(60,174,216)
```
#4db4db
```
#4db4db rgb(77,180,219)
```
#5dbbdf
```
#5dbbdf rgb(93,187,223)
```
#6dc2e2
```
#6dc2e2 rgb(109,194,226)
```
#7ec9e5
```
#7ec9e5 rgb(126,201,229)
```
#8ed0e8
```
#8ed0e8 rgb(142,208,232)
```
#9ed7ec
```
#9ed7ec rgb(158,215,236)
```
#afddef
```
#afddef rgb(175,221,239)
```
#bfe4f2
```
#bfe4f2 rgb(191,228,242)
```
#d0ebf6
```
#d0ebf6 rgb(208,235,246)
```
#e0f2f9
```
#e0f2f9 rgb(224,242,249)
```
#f0f9fc
```
#f0f9fc rgb(240,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5e6568 is the less saturated color, while #038fc3 is the most saturated one.

#5e6568
```
#5e6568 rgb(94,101,104)
```
#566970
```
#566970 rgb(86,105,112)
```
#4f6c77
```
#4f6c77 rgb(79,108,119)
```
#47707f
```
#47707f rgb(71,112,127)
```
#3f7387
```
#3f7387 rgb(63,115,135)
```
#38778e
```
#38778e rgb(56,119,142)
```
#307a96
```
#307a96 rgb(48,122,150)
```
#297e9d
```
#297e9d rgb(41,126,157)
```
#2181a5
```
#2181a5 rgb(33,129,165)
```
#1984ad
```
#1984ad rgb(25,132,173)
```
#1288b4
```
#1288b4 rgb(18,136,180)
```
#0a8bbc
```
#0a8bbc rgb(10,139,188)
```
#038fc3
```
#038fc3 rgb(3,143,195)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#5a6d74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#747da2 Protanopia 1% of men
#6c7dad Deuteranopia 1% of men
#008b95 Tritanopia 0.001% of the population

Trichromacy

#557ea3 Protanomaly 1% of men, 0.01% of women
#517eaa Deuteranomaly 6% of men, 0.4% of women
#0c879b Tritanomaly 0.01% of the population

#2181a5 hex color

#2181a5 Color Information

#2181a5 Color Conversion

Color Schemes with #2181a5

Alternatives to #2181a5

#2181a5 Preview

Shades and Tints of #2181a5

Tones of #2181a5

Color Blindness Simulator