colorhexa.com

#2189b2 hex color

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

- R 13
- G 54
- B 70
RGB color chart
- C 81
- M 23
- Y 0
- K 30
CMYK color chart

● #2189b2 color description : Dark blue.

The hexadecimal color #2189b2 has RGB values of R:33, G:137, B:178 and CMYK values of C:0.81, M:0.23, Y:0, K:0.3. Its decimal value is 2197938.

Hex triplet	2189b2	`#2189b2`
RGB Decimal	33, 137, 178	`rgb(33,137,178)`
RGB Percent	12.9, 53.7, 69.8	`rgb(12.9%,53.7%,69.8%)`
CMYK	81, 23, 0, 30
HSL	197°, 68.7, 41.4	`hsl(197,68.7%,41.4%)`
HSV (or HSB)	197°, 81.5, 69.8
Web Safe	339999	`#339999`

CIE-LAB	53.414, -14.174, -29.654
XYZ	17.607, 21.427, 45.325
xyY	0.209, 0.254, 21.427
CIE-LCH	53.414, 32.867, 244.453
CIE-LUV	53.414, -34.421, -43.286
Hunter-Lab	46.29, -13.113, -25.651
Binary	00100001, 10001001, 10110010

#2189b2
```
#2189b2 rgb(33,137,178)
```
#b24a21
```
#b24a21 rgb(178,74,33)
```

Complementary Color

#21b293
```
#21b293 rgb(33,178,147)
```
#2189b2
```
#2189b2 rgb(33,137,178)
```
#2140b2
```
#2140b2 rgb(33,64,178)
```

Analogous Color

#b29321
```
#b29321 rgb(178,147,33)
```
#2189b2
```
#2189b2 rgb(33,137,178)
```
#b22140
```
#b22140 rgb(178,33,64)
```

Split Complementary Color

#89b221
```
#89b221 rgb(137,178,33)
```
#2189b2
```
#2189b2 rgb(33,137,178)
```
#b22189
```
#b22189 rgb(178,33,137)
```

Triadic Color

#21b24a
```
#21b24a rgb(33,178,74)
```
#2189b2
```
#2189b2 rgb(33,137,178)
```
#b22189
```
#b22189 rgb(178,33,137)
```
#b24a21
```
#b24a21 rgb(178,74,33)
```

Tetradic Color

#155771
```
#155771 rgb(21,87,113)
```
#196887
```
#196887 rgb(25,104,135)
```
#1d789c
```
#1d789c rgb(29,120,156)
```
#2189b2
```
#2189b2 rgb(33,137,178)
```
#259ac8
```
#259ac8 rgb(37,154,200)
```
#2ea8d8
```
#2ea8d8 rgb(46,168,216)
```
#43b1dc
```
#43b1dc rgb(67,177,220)
```

Monochromatic Color

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

#21adb2
```
#21adb2 rgb(33,173,178)
```
#21a1b2
```
#21a1b2 rgb(33,161,178)
```
#2195b2
```
#2195b2 rgb(33,149,178)
```
#2189b2
```
#2189b2 rgb(33,137,178)
```
#217db2
```
#217db2 rgb(33,125,178)
```
#2171b2
```
#2171b2 rgb(33,113,178)
```
#2165b2
```
#2165b2 rgb(33,101,178)
```

Similar Colors

Text with hexadecimal color #2189b2

This text has a font color of #2189b2.

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

#2189b2 background color

This paragraph has a background color of #2189b2.

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

#2189b2 border color

This element has a border color of #2189b2.

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

CSS codes

.text {color:#2189b2;}

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

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

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

#020a0d
```
#020a0d rgb(2,10,13)
```
#05161d
```
#05161d rgb(5,22,29)
```
#08232e
```
#08232e rgb(8,35,46)
```
#0c303e
```
#0c303e rgb(12,48,62)
```
#0f3d4f
```
#0f3d4f rgb(15,61,79)
```
#12495f
```
#12495f rgb(18,73,95)
```
#155670
```
#155670 rgb(21,86,112)
```
#186380
```
#186380 rgb(24,99,128)
```
#1b7091
```
#1b7091 rgb(27,112,145)
```
#1e7ca1
```
#1e7ca1 rgb(30,124,161)
```
#2189b2
```
#2189b2 rgb(33,137,178)
```
#2496c3
```
#2496c3 rgb(36,150,195)
```
#27a2d3
```
#27a2d3 rgb(39,162,211)
```

Shade Color Variation

#34abd9
```
#34abd9 rgb(52,171,217)
```
#45b2dd
```
#45b2dd rgb(69,178,221)
```
#56b9e0
```
#56b9e0 rgb(86,185,224)
```
#66bfe3
```
#66bfe3 rgb(102,191,227)
```
#77c6e6
```
#77c6e6 rgb(119,198,230)
```
#87cde9
```
#87cde9 rgb(135,205,233)
```
#98d4ec
```
#98d4ec rgb(152,212,236)
```
#a8dbef
```
#a8dbef rgb(168,219,239)
```
#b9e2f2
```
#b9e2f2 rgb(185,226,242)
```
#c9e9f5
```
#c9e9f5 rgb(201,233,245)
```
#daf0f8
```
#daf0f8 rgb(218,240,248)
```
#eaf6fb
```
#eaf6fb rgb(234,246,251)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

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

#626d71
```
#626d71 rgb(98,109,113)
```
#5a7079
```
#5a7079 rgb(90,112,121)
```
#527481
```
#527481 rgb(82,116,129)
```
#4a7789
```
#4a7789 rgb(74,119,137)
```
#417b92
```
#417b92 rgb(65,123,146)
```
#397e9a
```
#397e9a rgb(57,126,154)
```
#3182a2
```
#3182a2 rgb(49,130,162)
```
#2985aa
```
#2985aa rgb(41,133,170)
```
#2189b2
```
#2189b2 rgb(33,137,178)
```
#198dba
```
#198dba rgb(25,141,186)
```
#1190c2
```
#1190c2 rgb(17,144,194)
```
#0994ca
```
#0994ca rgb(9,148,202)
```
#0197d2
```
#0197d2 rgb(1,151,210)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#5f747c Atypical Achromatopsia 0.001% of the population

Dichromacy

#7984ae Protanopia 1% of men
#7085ba Deuteranopia 1% of men
#00939d Tritanopia 0.001% of the population

Trichromacy

#5986af Protanomaly 1% of men, 0.01% of women
#5386b7 Deuteranomaly 6% of men, 0.4% of women
#0c8fa5 Tritanomaly 0.01% of the population