colorhexa.com

#2180b8 hex color

In a RGB color space, hex #2180b8 is composed of 12.9% red, 50.2% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 82.1% cyan, 30.4% magenta, 0% yellow and 27.8% black. It has a hue angle of 202.3 degrees, a saturation of 69.6% and a lightness of 42.5%. #2180b8 color hex could be obtained by blending #42ffff with #000171. Closest websafe color is: #3399cc.

- R 13
- G 50
- B 72
RGB color chart
- C 82
- M 30
- Y 0
- K 28
CMYK color chart

● #2180b8 color description : Strong blue.

The hexadecimal color #2180b8 has RGB values of R:33, G:128, B:184 and CMYK values of C:0.82, M:0.3, Y:0, K:0.28. Its decimal value is 2195640.

Hex triplet	2180b8	`#2180b8`
RGB Decimal	33, 128, 184	`rgb(33,128,184)`
RGB Percent	12.9, 50.2, 72.2	`rgb(12.9%,50.2%,72.2%)`
CMYK	82, 30, 0, 28
HSL	202.3°, 69.6, 42.5	`hsl(202.3,69.6%,42.5%)`
HSV (or HSB)	202.3°, 82.1, 72.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	50.945, -6.864, -36.961
XYZ	16.996, 19.221, 48.159
xyY	0.201, 0.228, 19.221
CIE-LCH	50.945, 37.593, 259.48
CIE-LUV	50.945, -30.924, -55.457
Hunter-Lab	43.842, -7.524, -34.44
Binary	00100001, 10000000, 10111000

#2180b8
```
#2180b8 rgb(33,128,184)
```
#b85921
```
#b85921 rgb(184,89,33)
```

Complementary Color

#21b8a5
```
#21b8a5 rgb(33,184,165)
```
#2180b8
```
#2180b8 rgb(33,128,184)
```
#2135b8
```
#2135b8 rgb(33,53,184)
```

Analogous Color

#b8a521
```
#b8a521 rgb(184,165,33)
```
#2180b8
```
#2180b8 rgb(33,128,184)
```
#b82135
```
#b82135 rgb(184,33,53)
```

Split Complementary Color

#80b821
```
#80b821 rgb(128,184,33)
```
#2180b8
```
#2180b8 rgb(33,128,184)
```
#b82180
```
#b82180 rgb(184,33,128)
```

Triadic Color

#21b859
```
#21b859 rgb(33,184,89)
```
#2180b8
```
#2180b8 rgb(33,128,184)
```
#b82180
```
#b82180 rgb(184,33,128)
```
#b85921
```
#b85921 rgb(184,89,33)
```

Tetradic Color

#155377
```
#155377 rgb(21,83,119)
```
#19628d
```
#19628d rgb(25,98,141)
```
#1d71a2
```
#1d71a2 rgb(29,113,162)
```
#2180b8
```
#2180b8 rgb(33,128,184)
```
#258fce
```
#258fce rgb(37,143,206)
```
#329cda
```
#329cda rgb(50,156,218)
```
#47a6de
```
#47a6de rgb(71,166,222)
```

Monochromatic Color

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

#21a6b8
```
#21a6b8 rgb(33,166,184)
```
#2199b8
```
#2199b8 rgb(33,153,184)
```
#218db8
```
#218db8 rgb(33,141,184)
```
#2180b8
```
#2180b8 rgb(33,128,184)
```
#2173b8
```
#2173b8 rgb(33,115,184)
```
#2167b8
```
#2167b8 rgb(33,103,184)
```
#215ab8
```
#215ab8 rgb(33,90,184)
```

Similar Colors

Text with hexadecimal color #2180b8

This text has a font color of #2180b8.

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

#2180b8 background color

This paragraph has a background color of #2180b8.

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

#2180b8 border color

This element has a border color of #2180b8.

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

CSS codes

.text {color:#2180b8;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#030c12
```
#030c12 rgb(3,12,18)
```
#061822
```
#061822 rgb(6,24,34)
```
#092333
```
#092333 rgb(9,35,51)
```
#0c2f44
```
#0c2f44 rgb(12,47,68)
```
#0f3b54
```
#0f3b54 rgb(15,59,84)
```
#124665
```
#124665 rgb(18,70,101)
```
#155275
```
#155275 rgb(21,82,117)
```
#185d86
```
#185d86 rgb(24,93,134)
```
#1b6997
```
#1b6997 rgb(27,105,151)
```
#1e74a7
```
#1e74a7 rgb(30,116,167)
```
#2180b8
```
#2180b8 rgb(33,128,184)
```
#248cc9
```
#248cc9 rgb(36,140,201)
```

Shade Color Variation

#2897d8
```
#2897d8 rgb(40,151,216)
```
#389fdb
```
#389fdb rgb(56,159,219)
```
#49a7de
```
#49a7de rgb(73,167,222)
```
#5aafe1
```
#5aafe1 rgb(90,175,225)
```
#6ab7e4
```
#6ab7e4 rgb(106,183,228)
```
#7bbfe7
```
#7bbfe7 rgb(123,191,231)
```
#8cc7ea
```
#8cc7ea rgb(140,199,234)
```
#9ccfed
```
#9ccfed rgb(156,207,237)
```
#add7f0
```
#add7f0 rgb(173,215,240)
```
#bedff3
```
#bedff3 rgb(190,223,243)
```
#cee7f6
```
#cee7f6 rgb(206,231,246)
```
#dfeff9
```
#dfeff9 rgb(223,239,249)
```
#eff7fc
```
#eff7fc rgb(239,247,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c6d6d is the less saturated color, while #0886d1 is the most saturated one.

#6c6d6d
```
#6c6d6d rgb(108,109,109)
```
#646f75
```
#646f75 rgb(100,111,117)
```
#5b717e
```
#5b717e rgb(91,113,126)
```
#537386
```
#537386 rgb(83,115,134)
```
#4b758e
```
#4b758e rgb(75,117,142)
```
#427797
```
#427797 rgb(66,119,151)
```
#3a7a9f
```
#3a7a9f rgb(58,122,159)
```
#327ca7
```
#327ca7 rgb(50,124,167)
```
#297eb0
```
#297eb0 rgb(41,126,176)
```
#2180b8
```
#2180b8 rgb(33,128,184)
```
#1982c0
```
#1982c0 rgb(25,130,192)
```
#1084c9
```
#1084c9 rgb(16,132,201)
```
#0886d1
```
#0886d1 rgb(8,134,209)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#5b6e7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c7eb5 Protanopia 1% of men
#5d80be Deuteranopia 1% of men
#008c96 Tritanopia 0.001% of the population

Trichromacy

#517fb6 Protanomaly 1% of men, 0.01% of women
#4780bc Deuteranomaly 6% of men, 0.4% of women
#0c88a2 Tritanomaly 0.01% of the population