#2180b2 hex color

In a RGB color space, hex #2180b2 is composed of 12.9% red, 50.2% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 81.5% cyan, 28.1% magenta, 0% yellow and 30.2% black. It has a hue angle of 200.7 degrees, a saturation of 68.7% and a lightness of 41.4%. #2180b2 color hex could be obtained by blending #42ffff with #000165. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 13
- G 50
- B 70
RGB color chart
- C 81
- M 28
- Y 0
- K 30
CMYK color chart

● #2180b2 color description : Dark blue.

The hexadecimal color #2180b2 has RGB values of R:33, G:128, B:178 and CMYK values of C:0.81, M:0.28, Y:0, K:0.3. Its decimal value is 2195634.

Hex triplet	2180b2	`#2180b2`
RGB Decimal	33, 128, 178	`rgb(33,128,178)`
RGB Percent	12.9, 50.2, 69.8	`rgb(12.9%,50.2%,69.8%)`
CMYK	81, 28, 0, 30
HSL	200.7°, 68.7, 41.4	`hsl(200.7,68.7%,41.4%)`
HSV (or HSB)	200.7°, 81.5, 69.8
Web Safe	339999	`#339999`

CIE-LAB	50.657, -9.069, -33.956
XYZ	16.38, 18.975, 44.916
xyY	0.204, 0.236, 18.975
CIE-LCH	50.657, 35.146, 255.046
CIE-LUV	50.657, -31.265, -50.334
Hunter-Lab	43.56, -9.107, -30.644
Binary	00100001, 10000000, 10110010

#2180b2
```
#2180b2 rgb(33,128,178)
```
#b25321
```
#b25321 rgb(178,83,33)
```

Complementary Color

#21b29c
```
#21b29c rgb(33,178,156)
```
#2180b2
```
#2180b2 rgb(33,128,178)
```
#2138b2
```
#2138b2 rgb(33,56,178)
```

Analogous Color

#b29c21
```
#b29c21 rgb(178,156,33)
```
#2180b2
```
#2180b2 rgb(33,128,178)
```
#b22138
```
#b22138 rgb(178,33,56)
```

Split Complementary Color

#80b221
```
#80b221 rgb(128,178,33)
```
#2180b2
```
#2180b2 rgb(33,128,178)
```
#b22180
```
#b22180 rgb(178,33,128)
```

Triadic Color

#21b253
```
#21b253 rgb(33,178,83)
```
#2180b2
```
#2180b2 rgb(33,128,178)
```
#b22180
```
#b22180 rgb(178,33,128)
```
#b25321
```
#b25321 rgb(178,83,33)
```

Tetradic Color

#155271
```
#155271 rgb(21,82,113)
```
#196187
```
#196187 rgb(25,97,135)
```
#1d719c
```
#1d719c rgb(29,113,156)
```
#2180b2
```
#2180b2 rgb(33,128,178)
```
#258fc8
```
#258fc8 rgb(37,143,200)
```
#2e9dd8
```
#2e9dd8 rgb(46,157,216)
```
#43a7dc
```
#43a7dc rgb(67,167,220)
```

Monochromatic Color

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

#21a4b2
```
#21a4b2 rgb(33,164,178)
```
#2198b2
```
#2198b2 rgb(33,152,178)
```
#218cb2
```
#218cb2 rgb(33,140,178)
```
#2180b2
```
#2180b2 rgb(33,128,178)
```
#2174b2
```
#2174b2 rgb(33,116,178)
```
#2168b2
```
#2168b2 rgb(33,104,178)
```
#215cb2
```
#215cb2 rgb(33,92,178)
```

Similar Colors

Text with hexadecimal color #2180b2

This text has a font color of #2180b2.

<span style="color:#2180b2;">Text here</span>

#2180b2 background color

This paragraph has a background color of #2180b2.

<p style="background-color:#2180b2;">Content here</p>

#2180b2 border color

This element has a border color of #2180b2.

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

CSS codes

.text {color:#2180b2;}

.background {background-color:#2180b2;}

.border {border:1px solid #2180b2;}

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, #02090d is the darkest color, while #fbfdfe is the lightest one.

#02090d
```
#02090d rgb(2,9,13)
```
#05151d
```
#05151d rgb(5,21,29)
```
#08212e
```
#08212e rgb(8,33,46)
```
#0c2d3e
```
#0c2d3e rgb(12,45,62)
```
#0f394f
```
#0f394f rgb(15,57,79)
```
#12455f
```
#12455f rgb(18,69,95)
```
#155070
```
#155070 rgb(21,80,112)
```
#185c80
```
#185c80 rgb(24,92,128)
```
#1b6891
```
#1b6891 rgb(27,104,145)
```
#1e74a1
```
#1e74a1 rgb(30,116,161)
```
#2180b2
```
#2180b2 rgb(33,128,178)
```
#248cc3
```
#248cc3 rgb(36,140,195)
```
#2798d3
```
#2798d3 rgb(39,152,211)
```

Shade Color Variation

#34a1d9
```
#34a1d9 rgb(52,161,217)
```
#45a8dd
```
#45a8dd rgb(69,168,221)
```
#56b0e0
```
#56b0e0 rgb(86,176,224)
```
#66b8e3
```
#66b8e3 rgb(102,184,227)
```
#77bfe6
```
#77bfe6 rgb(119,191,230)
```
#87c7e9
```
#87c7e9 rgb(135,199,233)
```
#98cfec
```
#98cfec rgb(152,207,236)
```
#a8d7ef
```
#a8d7ef rgb(168,215,239)
```
#b9def2
```
#b9def2 rgb(185,222,242)
```
#c9e6f5
```
#c9e6f5 rgb(201,230,245)
```
#daeef8
```
#daeef8 rgb(218,238,248)
```
#eaf5fb
```
#eaf5fb rgb(234,245,251)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #626c71 is the less saturated color, while #018ad2 is the most saturated one.

#626c71
```
#626c71 rgb(98,108,113)
```
#5a6e79
```
#5a6e79 rgb(90,110,121)
```
#527181
```
#527181 rgb(82,113,129)
```
#4a7389
```
#4a7389 rgb(74,115,137)
```
#417692
```
#417692 rgb(65,118,146)
```
#39789a
```
#39789a rgb(57,120,154)
```
#317ba2
```
#317ba2 rgb(49,123,162)
```
#297daa
```
#297daa rgb(41,125,170)
```
#2180b2
```
#2180b2 rgb(33,128,178)
```
#1983ba
```
#1983ba rgb(25,131,186)
```
#1185c2
```
#1185c2 rgb(17,133,194)
```
#0988ca
```
#0988ca rgb(9,136,202)
```
#018ad2
```
#018ad2 rgb(1,138,210)
```

Tone Color Variation

Below, you can see how #2180b2 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

#696969 Achromatopsia 0.005% of the population
#5b6e78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e7daf Protanopia 1% of men
#627fb9 Deuteranopia 1% of men
#008c95 Tritanopia 0.001% of the population

Trichromacy

#527eb0 Protanomaly 1% of men, 0.01% of women
#4a7fb6 Deuteranomaly 6% of men, 0.4% of women
#0c87a0 Tritanomaly 0.01% of the population

#2180b2 hex color

#2180b2 Color Information

#2180b2 Color Conversion

Color Schemes with #2180b2

Alternatives to #2180b2

#2180b2 Preview

Shades and Tints of #2180b2

Tones of #2180b2

Color Blindness Simulator