#2163a6 hex color

In a RGB color space, hex #2163a6 is composed of 12.9% red, 38.8% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 80.1% cyan, 40.4% magenta, 0% yellow and 34.9% black. It has a hue angle of 210.2 degrees, a saturation of 66.8% and a lightness of 39%. #2163a6 color hex could be obtained by blending #42c6ff with #00004d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 13
- G 39
- B 65
RGB color chart
- C 80
- M 40
- Y 0
- K 35
CMYK color chart

● #2163a6 color description : Dark blue.

The hexadecimal color #2163a6 has RGB values of R:33, G:99, B:166 and CMYK values of C:0.8, M:0.4, Y:0, K:0.35. Its decimal value is 2188198.

Hex triplet	2163a6	`#2163a6`
RGB Decimal	33, 99, 166	`rgb(33,99,166)`
RGB Percent	12.9, 38.8, 65.1	`rgb(12.9%,38.8%,65.1%)`
CMYK	80, 40, 0, 35
HSL	210.2°, 66.8, 39	`hsl(210.2,66.8%,39%)`
HSV (or HSB)	210.2°, 80.1, 65.1
Web Safe	336699	`#336699`

CIE-LAB	41.215, 4.01, -41.867
XYZ	11.97, 11.999, 37.759
xyY	0.194, 0.194, 11.999
CIE-LCH	41.215, 42.059, 275.472
CIE-LUV	41.215, -21.953, -61.368
Hunter-Lab	34.64, 1.064, -40.382
Binary	00100001, 01100011, 10100110

#2163a6
```
#2163a6 rgb(33,99,166)
```
#a66421
```
#a66421 rgb(166,100,33)
```

Complementary Color

#21a6a6
```
#21a6a6 rgb(33,166,166)
```
#2163a6
```
#2163a6 rgb(33,99,166)
```
#2121a6
```
#2121a6 rgb(33,33,166)
```

Analogous Color

#a6a621
```
#a6a621 rgb(166,166,33)
```
#2163a6
```
#2163a6 rgb(33,99,166)
```
#a62121
```
#a62121 rgb(166,33,33)
```

Split Complementary Color

#63a621
```
#63a621 rgb(99,166,33)
```
#2163a6
```
#2163a6 rgb(33,99,166)
```
#a62163
```
#a62163 rgb(166,33,99)
```

Triadic Color

#21a664
```
#21a664 rgb(33,166,100)
```
#2163a6
```
#2163a6 rgb(33,99,166)
```
#a62163
```
#a62163 rgb(166,33,99)
```
#a66421
```
#a66421 rgb(166,100,33)
```

Tetradic Color

#143d66
```
#143d66 rgb(20,61,102)
```
#194a7b
```
#194a7b rgb(25,74,123)
```
#1d5691
```
#1d5691 rgb(29,86,145)
```
#2163a6
```
#2163a6 rgb(33,99,166)
```
#2570bb
```
#2570bb rgb(37,112,187)
```
#297cd1
```
#297cd1 rgb(41,124,209)
```
#3b89d8
```
#3b89d8 rgb(59,137,216)
```

Monochromatic Color

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

#2184a6
```
#2184a6 rgb(33,132,166)
```
#2179a6
```
#2179a6 rgb(33,121,166)
```
#216ea6
```
#216ea6 rgb(33,110,166)
```
#2163a6
```
#2163a6 rgb(33,99,166)
```
#2158a6
```
#2158a6 rgb(33,88,166)
```
#214da6
```
#214da6 rgb(33,77,166)
```
#2142a6
```
#2142a6 rgb(33,66,166)
```

Similar Colors

Text with hexadecimal color #2163a6

This text has a font color of #2163a6.

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

#2163a6 background color

This paragraph has a background color of #2163a6.

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

#2163a6 border color

This element has a border color of #2163a6.

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

CSS codes

.text {color:#2163a6;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#040b13
```
#040b13 rgb(4,11,19)
```
#071523
```
#071523 rgb(7,21,35)
```
#0a1f33
```
#0a1f33 rgb(10,31,51)
```
#0d2844
```
#0d2844 rgb(13,40,68)
```
#113254
```
#113254 rgb(17,50,84)
```
#143c65
```
#143c65 rgb(20,60,101)
```
#174675
```
#174675 rgb(23,70,117)
```
#1a4f85
```
#1a4f85 rgb(26,79,133)
```
#1e5996
```
#1e5996 rgb(30,89,150)
```
#2163a6
```
#2163a6 rgb(33,99,166)
```
#246db6
```
#246db6 rgb(36,109,182)
```
#2877c7
```
#2877c7 rgb(40,119,199)
```

Shade Color Variation

#2d80d5
```
#2d80d5 rgb(45,128,213)
```
#3d8ad8
```
#3d8ad8 rgb(61,138,216)
```
#4d94dc
```
#4d94dc rgb(77,148,220)
```
#5e9edf
```
#5e9edf rgb(94,158,223)
```
#6ea8e2
```
#6ea8e2 rgb(110,168,226)
```
#7eb2e5
```
#7eb2e5 rgb(126,178,229)
```
#8fbbe9
```
#8fbbe9 rgb(143,187,233)
```
#9fc5ec
```
#9fc5ec rgb(159,197,236)
```
#b0cfef
```
#b0cfef rgb(176,207,239)
```
#c0d9f2
```
#c0d9f2 rgb(192,217,242)
```
#d0e3f6
```
#d0e3f6 rgb(208,227,246)
```
#e1edf9
```
#e1edf9 rgb(225,237,249)
```
#f1f7fc
```
#f1f7fc rgb(241,247,252)
```

Tint Color Variation

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

#5e6369
```
#5e6369 rgb(94,99,105)
```
#576370
```
#576370 rgb(87,99,112)
```
#4f6378
```
#4f6378 rgb(79,99,120)
```
#476380
```
#476380 rgb(71,99,128)
```
#406387
```
#406387 rgb(64,99,135)
```
#38638f
```
#38638f rgb(56,99,143)
```
#306397
```
#306397 rgb(48,99,151)
```
#29639e
```
#29639e rgb(41,99,158)
```
#2163a6
```
#2163a6 rgb(33,99,166)
```
#1963ae
```
#1963ae rgb(25,99,174)
```
#1263b5
```
#1263b5 rgb(18,99,181)
```
#0a63bd
```
#0a63bd rgb(10,99,189)
```
#0263c5
```
#0263c5 rgb(2,99,197)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#4c5967 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c67a7 Protanopia 1% of men
#336aaa Deuteranopia 1% of men
#00737b Tritanopia 0.001% of the population

Trichromacy

#3c65a6 Protanomaly 1% of men, 0.01% of women
#2c67a9 Deuteranomaly 6% of men, 0.4% of women
#0c6d8a Tritanomaly 0.01% of the population

#2163a6 hex color

#2163a6 Color Information

#2163a6 Color Conversion

Color Schemes with #2163a6

Alternatives to #2163a6

#2163a6 Preview

Shades and Tints of #2163a6

Tones of #2163a6

Color Blindness Simulator