colorhexa.com

#2164b5 hex color

In a RGB color space, hex #2164b5 is composed of 12.9% red, 39.2% green and 71% blue. Whereas in a CMYK color space, it is composed of 81.8% cyan, 44.8% magenta, 0% yellow and 29% black. It has a hue angle of 212.8 degrees, a saturation of 69.2% and a lightness of 42%. #2164b5 color hex could be obtained by blending #42c8ff with #00006b. Closest websafe color is: #3366cc.

- R 13
- G 39
- B 71
RGB color chart
- C 82
- M 45
- Y 0
- K 29
CMYK color chart

● #2164b5 color description : Strong blue.

The hexadecimal color #2164b5 has RGB values of R:33, G:100, B:181 and CMYK values of C:0.82, M:0.45, Y:0, K:0.29. Its decimal value is 2188469.

Hex triplet	2164b5	`#2164b5`
RGB Decimal	33, 100, 181	`rgb(33,100,181)`
RGB Percent	12.9, 39.2, 71	`rgb(12.9%,39.2%,71%)`
CMYK	82, 45, 0, 29
HSL	212.8°, 69.2, 42	`hsl(212.8,69.2%,42%)`
HSV (or HSB)	212.8°, 81.8, 71
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.419, 9.219, -48.766
XYZ	13.523, 12.773, 45.466
xyY	0.188, 0.178, 12.773
CIE-LCH	42.419, 49.63, 280.705
CIE-LUV	42.419, -21.755, -72.643
Hunter-Lab	35.739, 4.998, -50.41
Binary	00100001, 01100100, 10110101

#2164b5
```
#2164b5 rgb(33,100,181)
```
#b57221
```
#b57221 rgb(181,114,33)
```

Complementary Color

#21aeb5
```
#21aeb5 rgb(33,174,181)
```
#2164b5
```
#2164b5 rgb(33,100,181)
```
#2821b5
```
#2821b5 rgb(40,33,181)
```

Analogous Color

#aeb521
```
#aeb521 rgb(174,181,33)
```
#2164b5
```
#2164b5 rgb(33,100,181)
```
#b52821
```
#b52821 rgb(181,40,33)
```

Split Complementary Color

#64b521
```
#64b521 rgb(100,181,33)
```
#2164b5
```
#2164b5 rgb(33,100,181)
```
#b52164
```
#b52164 rgb(181,33,100)
```

Triadic Color

#21b572
```
#21b572 rgb(33,181,114)
```
#2164b5
```
#2164b5 rgb(33,100,181)
```
#b52164
```
#b52164 rgb(181,33,100)
```
#b57221
```
#b57221 rgb(181,114,33)
```

Tetradic Color

#154074
```
#154074 rgb(21,64,116)
```
#194c8a
```
#194c8a rgb(25,76,138)
```
#1d589f
```
#1d589f rgb(29,88,159)
```
#2164b5
```
#2164b5 rgb(33,100,181)
```
#2570cb
```
#2570cb rgb(37,112,203)
```
#307cd9
```
#307cd9 rgb(48,124,217)
```
#458add
```
#458add rgb(69,138,221)
```

Monochromatic Color

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

#2189b5
```
#2189b5 rgb(33,137,181)
```
#217db5
```
#217db5 rgb(33,125,181)
```
#2170b5
```
#2170b5 rgb(33,112,181)
```
#2164b5
```
#2164b5 rgb(33,100,181)
```
#2158b5
```
#2158b5 rgb(33,88,181)
```
#214bb5
```
#214bb5 rgb(33,75,181)
```
#213fb5
```
#213fb5 rgb(33,63,181)
```

Similar Colors

Text with hexadecimal color #2164b5

This text has a font color of #2164b5.

<span style="color:#2164b5;">Text here</span>

#2164b5 background color

This paragraph has a background color of #2164b5.

<p style="background-color:#2164b5;">Content here</p>

#2164b5 border color

This element has a border color of #2164b5.

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

CSS codes

.text {color:#2164b5;}

.background {background-color:#2164b5;}

.border {border:1px solid #2164b5;}

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, #03080f is the darkest color, while #fefeff is the lightest one.

#03080f
```
#03080f rgb(3,8,15)
```
#061220
```
#061220 rgb(6,18,32)
```
#091b30
```
#091b30 rgb(9,27,48)
```
#0c2441
```
#0c2441 rgb(12,36,65)
```
#0f2d51
```
#0f2d51 rgb(15,45,81)
```
#123662
```
#123662 rgb(18,54,98)
```
#153f73
```
#153f73 rgb(21,63,115)
```
#184983
```
#184983 rgb(24,73,131)
```
#1b5294
```
#1b5294 rgb(27,82,148)
```
#1e5ba4
```
#1e5ba4 rgb(30,91,164)
```
#2164b5
```
#2164b5 rgb(33,100,181)
```
#246dc6
```
#246dc6 rgb(36,109,198)
```
#2776d6
```
#2776d6 rgb(39,118,214)
```

Shade Color Variation

#3681da
```
#3681da rgb(54,129,218)
```
#478bdd
```
#478bdd rgb(71,139,221)
```
#5896e0
```
#5896e0 rgb(88,150,224)
```
#68a0e4
```
#68a0e4 rgb(104,160,228)
```
#79aae7
```
#79aae7 rgb(121,170,231)
```
#89b5ea
```
#89b5ea rgb(137,181,234)
```
#9abfed
```
#9abfed rgb(154,191,237)
```
#abcaf0
```
#abcaf0 rgb(171,202,240)
```
#bbd4f3
```
#bbd4f3 rgb(187,212,243)
```
#ccdff6
```
#ccdff6 rgb(204,223,246)
```
#dce9f9
```
#dce9f9 rgb(220,233,249)
```
#edf4fc
```
#edf4fc rgb(237,244,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #636a73 is the less saturated color, while #0061d6 is the most saturated one.

#636a73
```
#636a73 rgb(99,106,115)
```
#5b697b
```
#5b697b rgb(91,105,123)
```
#526984
```
#526984 rgb(82,105,132)
```
#4a688c
```
#4a688c rgb(74,104,140)
```
#426794
```
#426794 rgb(66,103,148)
```
#3a669c
```
#3a669c rgb(58,102,156)
```
#3166a5
```
#3166a5 rgb(49,102,165)
```
#2965ad
```
#2965ad rgb(41,101,173)
```
#2164b5
```
#2164b5 rgb(33,100,181)
```
#1963bd
```
#1963bd rgb(25,99,189)
```
#1162c5
```
#1162c5 rgb(17,98,197)
```
#0862ce
```
#0862ce rgb(8,98,206)
```
#0061d6
```
#0061d6 rgb(0,97,214)
```

Tone Color Variation

Below, you can see how #2164b5 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

#595959 Achromatopsia 0.005% of the population
#4e5b6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#4369b6 Protanopia 1% of men
#006db7 Deuteranopia 1% of men
#00767e Tritanopia 0.001% of the population

Trichromacy

#3767b6 Protanomaly 1% of men, 0.01% of women
#0c6ab6 Deuteranomaly 6% of men, 0.4% of women
#0c6f92 Tritanomaly 0.01% of the population