colorhexa.com

#2161a3 hex color

In a RGB color space, hex #2161a3 is composed of 12.9% red, 38% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 79.8% cyan, 40.5% magenta, 0% yellow and 36.1% black. It has a hue angle of 210.5 degrees, a saturation of 66.3% and a lightness of 38.4%. #2161a3 color hex could be obtained by blending #42c2ff with #000047. Closest websafe color is: #336699.

- R 13
- G 38
- B 64
RGB color chart
- C 80
- M 40
- Y 0
- K 36
CMYK color chart

● #2161a3 color description : Dark blue.

The hexadecimal color #2161a3 has RGB values of R:33, G:97, B:163 and CMYK values of C:0.8, M:0.4, Y:0, K:0.36. Its decimal value is 2187683.

Hex triplet	2161a3	`#2161a3`
RGB Decimal	33, 97, 163	`rgb(33,97,163)`
RGB Percent	12.9, 38, 63.9	`rgb(12.9%,38%,63.9%)`
CMYK	80, 40, 0, 36
HSL	210.5°, 66.3, 38.4	`hsl(210.5,66.3%,38.4%)`
HSV (or HSB)	210.5°, 79.8, 63.9
Web Safe	336699	`#336699`

CIE-LAB	40.436, 4.119, -41.33
XYZ	11.511, 11.516, 36.264
xyY	0.194, 0.194, 11.516
CIE-LCH	40.436, 41.535, 275.691
CIE-LUV	40.436, -21.403, -60.271
Hunter-Lab	33.935, 1.162, -39.604
Binary	00100001, 01100001, 10100011

#2161a3
```
#2161a3 rgb(33,97,163)
```
#a36321
```
#a36321 rgb(163,99,33)
```

Complementary Color

#21a2a3
```
#21a2a3 rgb(33,162,163)
```
#2161a3
```
#2161a3 rgb(33,97,163)
```
#2221a3
```
#2221a3 rgb(34,33,163)
```

Analogous Color

#a2a321
```
#a2a321 rgb(162,163,33)
```
#2161a3
```
#2161a3 rgb(33,97,163)
```
#a32221
```
#a32221 rgb(163,34,33)
```

Split Complementary Color

#61a321
```
#61a321 rgb(97,163,33)
```
#2161a3
```
#2161a3 rgb(33,97,163)
```
#a32161
```
#a32161 rgb(163,33,97)
```

Triadic Color

#143b63
```
#143b63 rgb(20,59,99)
```
#184879
```
#184879 rgb(24,72,121)
```
#1d548e
```
#1d548e rgb(29,84,142)
```
#2161a3
```
#2161a3 rgb(33,97,163)
```
#256eb8
```
#256eb8 rgb(37,110,184)
```
#2a7acd
```
#2a7acd rgb(42,122,205)
```
#3987d7
```
#3987d7 rgb(57,135,215)
```

Monochromatic Color

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

#2182a3
```
#2182a3 rgb(33,130,163)
```
#2177a3
```
#2177a3 rgb(33,119,163)
```
#216ca3
```
#216ca3 rgb(33,108,163)
```
#2161a3
```
#2161a3 rgb(33,97,163)
```
#2156a3
```
#2156a3 rgb(33,86,163)
```
#214ba3
```
#214ba3 rgb(33,75,163)
```
#2140a3
```
#2140a3 rgb(33,64,163)
```

Similar Colors

Text with hexadecimal color #2161a3

This text has a font color of #2161a3.

<span style="color:#2161a3;">Text here</span>

#2161a3 background color

This paragraph has a background color of #2161a3.

<p style="background-color:#2161a3;">Content here</p>

#2161a3 border color

This element has a border color of #2161a3.

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

CSS codes

.text {color:#2161a3;}

.background {background-color:#2161a3;}

.border {border:1px solid #2161a3;}

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, #030a10 is the darkest color, while #ffffff is the lightest one.

#030a10
```
#030a10 rgb(3,10,16)
```
#071320
```
#071320 rgb(7,19,32)
```
#0a1d31
```
#0a1d31 rgb(10,29,49)
```
#0d2741
```
#0d2741 rgb(13,39,65)
```
#103051
```
#103051 rgb(16,48,81)
```
#143a62
```
#143a62 rgb(20,58,98)
```
#174472
```
#174472 rgb(23,68,114)
```
#1a4e82
```
#1a4e82 rgb(26,78,130)
```
#1e5793
```
#1e5793 rgb(30,87,147)
```
#2161a3
```
#2161a3 rgb(33,97,163)
```
#246bb3
```
#246bb3 rgb(36,107,179)
```
#2874c4
```
#2874c4 rgb(40,116,196)
```
#2b7ed4
```
#2b7ed4 rgb(43,126,212)
```

Shade Color Variation

#3b88d7
```
#3b88d7 rgb(59,136,215)
```
#4b92db
```
#4b92db rgb(75,146,219)
```
#5c9cde
```
#5c9cde rgb(92,156,222)
```
#6ca6e1
```
#6ca6e1 rgb(108,166,225)
```
#7cb0e5
```
#7cb0e5 rgb(124,176,229)
```
#8dbae8
```
#8dbae8 rgb(141,186,232)
```
#9dc3eb
```
#9dc3eb rgb(157,195,235)
```
#adcdee
```
#adcdee rgb(173,205,238)
```
#bed7f2
```
#bed7f2 rgb(190,215,242)
```
#cee1f5
```
#cee1f5 rgb(206,225,245)
```
#deebf8
```
#deebf8 rgb(222,235,248)
```
#eff5fc
```
#eff5fc rgb(239,245,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5d6267 is the less saturated color, while #0361c1 is the most saturated one.

#5d6267
```
#5d6267 rgb(93,98,103)
```
#56626e
```
#56626e rgb(86,98,110)
```
#4e6276
```
#4e6276 rgb(78,98,118)
```
#47627d
```
#47627d rgb(71,98,125)
```
#3f6185
```
#3f6185 rgb(63,97,133)
```
#38618c
```
#38618c rgb(56,97,140)
```
#306194
```
#306194 rgb(48,97,148)
```
#29619b
```
#29619b rgb(41,97,155)
```
#2161a3
```
#2161a3 rgb(33,97,163)
```
#1961ab
```
#1961ab rgb(25,97,171)
```
#1261b2
```
#1261b2 rgb(18,97,178)
```
#0a61ba
```
#0a61ba rgb(10,97,186)
```
#0361c1
```
#0361c1 rgb(3,97,193)
```

Tone Color Variation

Below, you can see how #2161a3 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

#555555 Achromatopsia 0.005% of the population
#4b5765 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b65a4 Protanopia 1% of men
#3268a8 Deuteranopia 1% of men
#007179 Tritanopia 0.001% of the population

Trichromacy

#3b63a4 Protanomaly 1% of men, 0.01% of women
#2b65a6 Deuteranomaly 6% of men, 0.4% of women
#0c6b88 Tritanomaly 0.01% of the population