colorhexa.com

#2164d3 hex color

In a RGB color space, hex #2164d3 is composed of 12.9% red, 39.2% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 84.4% cyan, 52.6% magenta, 0% yellow and 17.3% black. It has a hue angle of 217.4 degrees, a saturation of 73% and a lightness of 47.8%. #2164d3 color hex could be obtained by blending #42c8ff with #0000a7. Closest websafe color is: #3366cc.

- R 13
- G 39
- B 83
RGB color chart
- C 84
- M 53
- Y 0
- K 17
CMYK color chart

● #2164d3 color description : Strong blue.

The hexadecimal color #2164d3 has RGB values of R:33, G:100, B:211 and CMYK values of C:0.84, M:0.53, Y:0, K:0.17. Its decimal value is 2188499.

Hex triplet	2164d3	`#2164d3`
RGB Decimal	33, 100, 211	`rgb(33,100,211)`
RGB Percent	12.9, 39.2, 82.7	`rgb(12.9%,39.2%,82.7%)`
CMYK	84, 53, 0, 17
HSL	217.4°, 73, 47.8	`hsl(217.4,73%,47.8%)`
HSV (or HSB)	217.4°, 84.4, 82.7
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.432, 20.896, -62.869
XYZ	16.94, 14.139, 63.461
xyY	0.179, 0.15, 14.139
CIE-LCH	44.432, 66.25, 288.385
CIE-LUV	44.432, -20.958, -95.264
Hunter-Lab	37.602, 14.609, -73.741
Binary	00100001, 01100100, 11010011

#2164d3
```
#2164d3 rgb(33,100,211)
```
#d39021
```
#d39021 rgb(211,144,33)
```

Complementary Color

#21bdd3
```
#21bdd3 rgb(33,189,211)
```
#2164d3
```
#2164d3 rgb(33,100,211)
```
#3721d3
```
#3721d3 rgb(55,33,211)
```

Analogous Color

#bdd321
```
#bdd321 rgb(189,211,33)
```
#2164d3
```
#2164d3 rgb(33,100,211)
```
#d33721
```
#d33721 rgb(211,55,33)
```

Split Complementary Color

#64d321
```
#64d321 rgb(100,211,33)
```
#2164d3
```
#2164d3 rgb(33,100,211)
```
#d32164
```
#d32164 rgb(211,33,100)
```

Triadic Color

#21d390
```
#21d390 rgb(33,211,144)
```
#2164d3
```
#2164d3 rgb(33,100,211)
```
#d32164
```
#d32164 rgb(211,33,100)
```
#d39021
```
#d39021 rgb(211,144,33)
```

Tetradic Color

#174591
```
#174591 rgb(23,69,145)
```
#1a4fa7
```
#1a4fa7 rgb(26,79,167)
```
#1e5abd
```
#1e5abd rgb(30,90,189)
```
#2164d3
```
#2164d3 rgb(33,100,211)
```
#2f71de
```
#2f71de rgb(47,113,222)
```
#4580e2
```
#4580e2 rgb(69,128,226)
```
#5b8fe5
```
#5b8fe5 rgb(91,143,229)
```

Monochromatic Color

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

#2191d3
```
#2191d3 rgb(33,145,211)
```
#2182d3
```
#2182d3 rgb(33,130,211)
```
#2173d3
```
#2173d3 rgb(33,115,211)
```
#2164d3
```
#2164d3 rgb(33,100,211)
```
#2155d3
```
#2155d3 rgb(33,85,211)
```
#2146d3
```
#2146d3 rgb(33,70,211)
```
#2138d3
```
#2138d3 rgb(33,56,211)
```

Similar Colors

Text with hexadecimal color #2164d3

This text has a font color of #2164d3.

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

#2164d3 background color

This paragraph has a background color of #2164d3.

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

#2164d3 border color

This element has a border color of #2164d3.

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

CSS codes

.text {color:#2164d3;}

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

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

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

#010407
```
#010407 rgb(1,4,7)
```
#040c18
```
#040c18 rgb(4,12,24)
```
#061429
```
#061429 rgb(6,20,41)
```
#091c3a
```
#091c3a rgb(9,28,58)
```
#0c244b
```
#0c244b rgb(12,36,75)
```
#0e2c5c
```
#0e2c5c rgb(14,44,92)
```
#11346d
```
#11346d rgb(17,52,109)
```
#143c7e
```
#143c7e rgb(20,60,126)
```
#16448f
```
#16448f rgb(22,68,143)
```
#194ca0
```
#194ca0 rgb(25,76,160)
```
#1c54b1
```
#1c54b1 rgb(28,84,177)
```
#1e5cc2
```
#1e5cc2 rgb(30,92,194)
```
#2164d3
```
#2164d3 rgb(33,100,211)
```

Shade Color Variation

#2a6ede
```
#2a6ede rgb(42,110,222)
```
#3b79e0
```
#3b79e0 rgb(59,121,224)
```
#4c85e3
```
#4c85e3 rgb(76,133,227)
```
#5d90e6
```
#5d90e6 rgb(93,144,230)
```
#6e9ce8
```
#6e9ce8 rgb(110,156,232)
```
#7fa7eb
```
#7fa7eb rgb(127,167,235)
```
#90b3ee
```
#90b3ee rgb(144,179,238)
```
#a1bff0
```
#a1bff0 rgb(161,191,240)
```
#b2caf3
```
#b2caf3 rgb(178,202,243)
```
#c3d6f6
```
#c3d6f6 rgb(195,214,246)
```
#d4e1f8
```
#d4e1f8 rgb(212,225,248)
```
#e5edfb
```
#e5edfb rgb(229,237,251)
```
#f5f9fe
```
#f5f9fe rgb(245,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #75797f is the less saturated color, while #055def is the most saturated one.

#75797f
```
#75797f rgb(117,121,127)
```
#6c7788
```
#6c7788 rgb(108,119,136)
```
#637491
```
#637491 rgb(99,116,145)
```
#59729b
```
#59729b rgb(89,114,155)
```
#5070a4
```
#5070a4 rgb(80,112,164)
```
#476dad
```
#476dad rgb(71,109,173)
```
#3d6bb7
```
#3d6bb7 rgb(61,107,183)
```
#3469c0
```
#3469c0 rgb(52,105,192)
```
#2a66ca
```
#2a66ca rgb(42,102,202)
```
#2164d3
```
#2164d3 rgb(33,100,211)
```
#1862dc
```
#1862dc rgb(24,98,220)
```
#0e5fe6
```
#0e5fe6 rgb(14,95,230)
```
#055def
```
#055def rgb(5,93,239)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#515e75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0c6dd6 Protanopia 1% of men
#0073bc Deuteranopia 1% of men
#007c83 Tritanopia 0.001% of the population

Trichromacy

#1369d5 Protanomaly 1% of men, 0.01% of women
#0c6dc4 Deuteranomaly 6% of men, 0.4% of women
#0c73a0 Tritanomaly 0.01% of the population