#21506c hex color

In a RGB color space, hex #21506c is composed of 12.9% red, 31.4% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 69.4% cyan, 25.9% magenta, 0% yellow and 57.6% black. It has a hue angle of 202.4 degrees, a saturation of 53.2% and a lightness of 27.6%. #21506c color hex could be obtained by blending #42a0d8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 13
- G 31
- B 42
RGB color chart
- C 69
- M 26
- Y 0
- K 58
CMYK color chart

● #21506c color description : Very dark blue.

The hexadecimal color #21506c has RGB values of R:33, G:80, B:108 and CMYK values of C:0.69, M:0.26, Y:0, K:0.58. Its decimal value is 2183276.

Hex triplet	21506c	`#21506c`
RGB Decimal	33, 80, 108	`rgb(33,80,108)`
RGB Percent	12.9, 31.4, 42.4	`rgb(12.9%,31.4%,42.4%)`
CMYK	69, 26, 0, 58
HSL	202.4°, 53.2, 27.6	`hsl(202.4,53.2%,27.6%)`
HSV (or HSB)	202.4°, 69.4, 42.4
Web Safe	336666	`#336666`

CIE-LAB	32.13, -6.162, -20.855
XYZ	6.202, 7.143, 15.238
xyY	0.217, 0.25, 7.143
CIE-LCH	32.13, 21.746, 253.54
CIE-LUV	32.13, -17.491, -26.805
Hunter-Lab	26.726, -5.349, -15.097
Binary	00100001, 01010000, 01101100

#21506c
```
#21506c rgb(33,80,108)
```
#6c3d21
```
#6c3d21 rgb(108,61,33)
```

Complementary Color

#216c63
```
#216c63 rgb(33,108,99)
```
#21506c
```
#21506c rgb(33,80,108)
```
#212b6c
```
#212b6c rgb(33,43,108)
```

Analogous Color

#6c6321
```
#6c6321 rgb(108,99,33)
```
#21506c
```
#21506c rgb(33,80,108)
```
#6c212b
```
#6c212b rgb(108,33,43)
```

Split Complementary Color

#506c21
```
#506c21 rgb(80,108,33)
```
#21506c
```
#21506c rgb(33,80,108)
```
#6c2150
```
#6c2150 rgb(108,33,80)
```

Triadic Color

#216c3d
```
#216c3d rgb(33,108,61)
```
#21506c
```
#21506c rgb(33,80,108)
```
#6c2150
```
#6c2150 rgb(108,33,80)
```
#6c3d21
```
#6c3d21 rgb(108,61,33)
```

Tetradic Color

#0f2531
```
#0f2531 rgb(15,37,49)
```
#153345
```
#153345 rgb(21,51,69)
```
#1b4258
```
#1b4258 rgb(27,66,88)
```
#21506c
```
#21506c rgb(33,80,108)
```
#275e80
```
#275e80 rgb(39,94,128)
```
#2d6d93
```
#2d6d93 rgb(45,109,147)
```
#337ba7
```
#337ba7 rgb(51,123,167)
```

Monochromatic Color

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

#21636c
```
#21636c rgb(33,99,108)
```
#215d6c
```
#215d6c rgb(33,93,108)
```
#21566c
```
#21566c rgb(33,86,108)
```
#21506c
```
#21506c rgb(33,80,108)
```
#214a6c
```
#214a6c rgb(33,74,108)
```
#21446c
```
#21446c rgb(33,68,108)
```
#213d6c
```
#213d6c rgb(33,61,108)
```

Similar Colors

Text with hexadecimal color #21506c

This text has a font color of #21506c.

<span style="color:#21506c;">Text here</span>

#21506c background color

This paragraph has a background color of #21506c.

<p style="background-color:#21506c;">Content here</p>

#21506c border color

This element has a border color of #21506c.

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

CSS codes

.text {color:#21506c;}

.background {background-color:#21506c;}

.border {border:1px solid #21506c;}

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

#010203
```
#010203 rgb(1,2,3)
```
#050d12
```
#050d12 rgb(5,13,18)
```
#0a1821
```
#0a1821 rgb(10,24,33)
```
#0f2330
```
#0f2330 rgb(15,35,48)
```
#132f3f
```
#132f3f rgb(19,47,63)
```
#183a4e
```
#183a4e rgb(24,58,78)
```
#1c455d
```
#1c455d rgb(28,69,93)
```
#21506c
```
#21506c rgb(33,80,108)
```
#265b7b
```
#265b7b rgb(38,91,123)
```
#2a668a
```
#2a668a rgb(42,102,138)
```
#2f7199
```
#2f7199 rgb(47,113,153)
```
#337da8
```
#337da8 rgb(51,125,168)
```
#3888b7
```
#3888b7 rgb(56,136,183)
```

Shade Color Variation

#3f92c4
```
#3f92c4 rgb(63,146,196)
```
#4e9bc9
```
#4e9bc9 rgb(78,155,201)
```
#5da3cd
```
#5da3cd rgb(93,163,205)
```
#6cacd2
```
#6cacd2 rgb(108,172,210)
```
#7bb4d7
```
#7bb4d7 rgb(123,180,215)
```
#8abddb
```
#8abddb rgb(138,189,219)
```
#99c5e0
```
#99c5e0 rgb(153,197,224)
```
#a8cee4
```
#a8cee4 rgb(168,206,228)
```
#b7d6e9
```
#b7d6e9 rgb(183,214,233)
```
#c6dfee
```
#c6dfee rgb(198,223,238)
```
#d5e7f2
```
#d5e7f2 rgb(213,231,242)
```
#e4f0f7
```
#e4f0f7 rgb(228,240,247)
```
#f3f8fb
```
#f3f8fb rgb(243,248,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #42484b is the less saturated color, while #00588d is the most saturated one.

#42484b
```
#42484b rgb(66,72,75)
```
#3c4951
```
#3c4951 rgb(60,73,81)
```
#374b56
```
#374b56 rgb(55,75,86)
```
#314c5c
```
#314c5c rgb(49,76,92)
```
#2c4d61
```
#2c4d61 rgb(44,77,97)
```
#264f67
```
#264f67 rgb(38,79,103)
```
#21506c
```
#21506c rgb(33,80,108)
```
#1c5171
```
#1c5171 rgb(28,81,113)
```
#165377
```
#165377 rgb(22,83,119)
```
#11547c
```
#11547c rgb(17,84,124)
```
#0b5582
```
#0b5582 rgb(11,85,130)
```
#065787
```
#065787 rgb(6,87,135)
```
#00588d
```
#00588d rgb(0,88,141)
```

Tone Color Variation

Below, you can see how #21506c 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

#454545 Achromatopsia 0.005% of the population
#3e474d Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c5370 Protanopia 1% of men
#475475 Deuteranopia 1% of men
#205c63 Tritanopia 0.001% of the population

Trichromacy

#3c526e Protanomaly 1% of men, 0.01% of women
#395272 Deuteranomaly 6% of men, 0.4% of women
#205766 Tritanomaly 0.01% of the population

#21506c hex color

#21506c Color Information

#21506c Color Conversion

Color Schemes with #21506c

Alternatives to #21506c

#21506c Preview

Shades and Tints of #21506c

Tones of #21506c

Color Blindness Simulator