#2163ae hex color

In a RGB color space, hex #2163ae is composed of 12.9% red, 38.8% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 81% cyan, 43.1% magenta, 0% yellow and 31.8% black. It has a hue angle of 211.9 degrees, a saturation of 68.1% and a lightness of 40.6%. #2163ae color hex could be obtained by blending #42c6ff with #00005d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 13
- G 39
- B 68
RGB color chart
- C 81
- M 43
- Y 0
- K 32
CMYK color chart

● #2163ae color description : Dark blue.

The hexadecimal color #2163ae has RGB values of R:33, G:99, B:174 and CMYK values of C:0.81, M:0.43, Y:0, K:0.32. Its decimal value is 2188206.

Hex triplet	2163ae	`#2163ae`
RGB Decimal	33, 99, 174	`rgb(33,99,174)`
RGB Percent	12.9, 38.8, 68.2	`rgb(12.9%,38.8%,68.2%)`
CMYK	81, 43, 0, 32
HSL	211.9°, 68.1, 40.6	`hsl(211.9,68.1%,40.6%)`
HSV (or HSB)	211.9°, 81, 68.2
Web Safe	336699	`#336699`

CIE-LAB	41.692, 7.128, -45.825
XYZ	12.727, 12.302, 41.746
xyY	0.191, 0.184, 12.302
CIE-LCH	41.692, 46.376, 278.842
CIE-LUV	41.692, -21.669, -67.76
Hunter-Lab	35.074, 3.392, -46.016
Binary	00100001, 01100011, 10101110

#2163ae
```
#2163ae rgb(33,99,174)
```
#ae6c21
```
#ae6c21 rgb(174,108,33)
```

Complementary Color

#21aaae
```
#21aaae rgb(33,170,174)
```
#2163ae
```
#2163ae rgb(33,99,174)
```
#2521ae
```
#2521ae rgb(37,33,174)
```

Analogous Color

#aaae21
```
#aaae21 rgb(170,174,33)
```
#2163ae
```
#2163ae rgb(33,99,174)
```
#ae2521
```
#ae2521 rgb(174,37,33)
```

Split Complementary Color

#63ae21
```
#63ae21 rgb(99,174,33)
```
#2163ae
```
#2163ae rgb(33,99,174)
```
#ae2163
```
#ae2163 rgb(174,33,99)
```

Triadic Color

#21ae6c
```
#21ae6c rgb(33,174,108)
```
#2163ae
```
#2163ae rgb(33,99,174)
```
#ae2163
```
#ae2163 rgb(174,33,99)
```
#ae6c21
```
#ae6c21 rgb(174,108,33)
```

Tetradic Color

#153e6e
```
#153e6e rgb(21,62,110)
```
#194b83
```
#194b83 rgb(25,75,131)
```
#1d5799
```
#1d5799 rgb(29,87,153)
```
#2163ae
```
#2163ae rgb(33,99,174)
```
#256fc3
```
#256fc3 rgb(37,111,195)
```
#2b7cd7
```
#2b7cd7 rgb(43,124,215)
```
#4189db
```
#4189db rgb(65,137,219)
```

Monochromatic Color

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

#2186ae
```
#2186ae rgb(33,134,174)
```
#217bae
```
#217bae rgb(33,123,174)
```
#216fae
```
#216fae rgb(33,111,174)
```
#2163ae
```
#2163ae rgb(33,99,174)
```
#2157ae
```
#2157ae rgb(33,87,174)
```
#214cae
```
#214cae rgb(33,76,174)
```
#2140ae
```
#2140ae rgb(33,64,174)
```

Similar Colors

Text with hexadecimal color #2163ae

This text has a font color of #2163ae.

<span style="color:#2163ae;">Text here</span>

#2163ae background color

This paragraph has a background color of #2163ae.

<p style="background-color:#2163ae;">Content here</p>

#2163ae border color

This element has a border color of #2163ae.

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

CSS codes

.text {color:#2163ae;}

.background {background-color:#2163ae;}

.border {border:1px solid #2163ae;}

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

#020509
```
#020509 rgb(2,5,9)
```
#050f1a
```
#050f1a rgb(5,15,26)
```
#08182a
```
#08182a rgb(8,24,42)
```
#0b213b
```
#0b213b rgb(11,33,59)
```
#0e2b4b
```
#0e2b4b rgb(14,43,75)
```
#11345c
```
#11345c rgb(17,52,92)
```
#143d6c
```
#143d6c rgb(20,61,108)
```
#18477d
```
#18477d rgb(24,71,125)
```
#1b508d
```
#1b508d rgb(27,80,141)
```
#1e5a9e
```
#1e5a9e rgb(30,90,158)
```
#2163ae
```
#2163ae rgb(33,99,174)
```
#246cbe
```
#246cbe rgb(36,108,190)
```
#2776cf
```
#2776cf rgb(39,118,207)
```

Shade Color Variation

#3280d8
```
#3280d8 rgb(50,128,216)
```
#428adb
```
#428adb rgb(66,138,219)
```
#5394de
```
#5394de rgb(83,148,222)
```
#639ee1
```
#639ee1 rgb(99,158,225)
```
#74a9e5
```
#74a9e5 rgb(116,169,229)
```
#84b3e8
```
#84b3e8 rgb(132,179,232)
```
#95bdeb
```
#95bdeb rgb(149,189,235)
```
#a5c7ee
```
#a5c7ee rgb(165,199,238)
```
#b6d1f1
```
#b6d1f1 rgb(182,209,241)
```
#c6dcf4
```
#c6dcf4 rgb(198,220,244)
```
#d7e6f7
```
#d7e6f7 rgb(215,230,247)
```
#e7f0fa
```
#e7f0fa rgb(231,240,250)
```
#f8fafe
```
#f8fafe rgb(248,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #61676e is the less saturated color, while #0161ce is the most saturated one.

#61676e
```
#61676e rgb(97,103,110)
```
#596776
```
#596776 rgb(89,103,118)
```
#51667e
```
#51667e rgb(81,102,126)
```
#496686
```
#496686 rgb(73,102,134)
```
#41658e
```
#41658e rgb(65,101,142)
```
#396596
```
#396596 rgb(57,101,150)
```
#31649e
```
#31649e rgb(49,100,158)
```
#2964a6
```
#2964a6 rgb(41,100,166)
```
#2163ae
```
#2163ae rgb(33,99,174)
```
#1962b6
```
#1962b6 rgb(25,98,182)
```
#1162be
```
#1162be rgb(17,98,190)
```
#0961c6
```
#0961c6 rgb(9,97,198)
```
#0161ce
```
#0161ce rgb(1,97,206)
```

Tone Color Variation

Below, you can see how #2163ae 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

#585858 Achromatopsia 0.005% of the population
#4d5a69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4768af Protanopia 1% of men
#226bb1 Deuteranopia 1% of men
#00747c Tritanopia 0.001% of the population

Trichromacy

#3966af Protanomaly 1% of men, 0.01% of women
#2168b0 Deuteranomaly 6% of men, 0.4% of women
#0c6e8e Tritanomaly 0.01% of the population

#2163ae hex color

#2163ae Color Information

#2163ae Color Conversion

Color Schemes with #2163ae

Alternatives to #2163ae

#2163ae Preview

Shades and Tints of #2163ae

Tones of #2163ae

Color Blindness Simulator