#21506b hex color

In a RGB color space, hex #21506b is composed of 12.9% red, 31.4% green and 42% blue. Whereas in a CMYK color space, it is composed of 69.2% cyan, 25.2% magenta, 0% yellow and 58% black. It has a hue angle of 201.9 degrees, a saturation of 52.9% and a lightness of 27.5%. #21506b color hex could be obtained by blending #42a0d6 with #000000. Closest websafe color is: #336666.

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

● #21506b color description : Very dark blue.

The hexadecimal color #21506b has RGB values of R:33, G:80, B:107 and CMYK values of C:0.69, M:0.25, Y:0, K:0.58. Its decimal value is 2183275.

Hex triplet	21506b	`#21506b`
RGB Decimal	33, 80, 107	`rgb(33,80,107)`
RGB Percent	12.9, 31.4, 42	`rgb(12.9%,31.4%,42%)`
CMYK	69, 25, 0, 58
HSL	201.9°, 52.9, 27.5	`hsl(201.9,52.9%,27.5%)`
HSV (or HSB)	201.9°, 69.2, 42
Web Safe	336666	`#336666`

CIE-LAB	32.082, -6.531, -20.3
XYZ	6.149, 7.122, 14.96
xyY	0.218, 0.252, 7.122
CIE-LCH	32.082, 21.325, 252.167
CIE-LUV	32.082, -17.527, -25.981
Hunter-Lab	26.687, -5.572, -14.556
Binary	00100001, 01010000, 01101011

#21506b
```
#21506b rgb(33,80,107)
```
#6b3c21
```
#6b3c21 rgb(107,60,33)
```

Complementary Color

#216b61
```
#216b61 rgb(33,107,97)
```
#21506b
```
#21506b rgb(33,80,107)
```
#212b6b
```
#212b6b rgb(33,43,107)
```

Analogous Color

#6b6121
```
#6b6121 rgb(107,97,33)
```
#21506b
```
#21506b rgb(33,80,107)
```
#6b212b
```
#6b212b rgb(107,33,43)
```

Split Complementary Color

#506b21
```
#506b21 rgb(80,107,33)
```
#21506b
```
#21506b rgb(33,80,107)
```
#6b2150
```
#6b2150 rgb(107,33,80)
```

Triadic Color

#216b3c
```
#216b3c rgb(33,107,60)
```
#21506b
```
#21506b rgb(33,80,107)
```
#6b2150
```
#6b2150 rgb(107,33,80)
```
#6b3c21
```
#6b3c21 rgb(107,60,33)
```

Tetradic Color

#0f2431
```
#0f2431 rgb(15,36,49)
```
#153344
```
#153344 rgb(21,51,68)
```
#1b4158
```
#1b4158 rgb(27,65,88)
```
#21506b
```
#21506b rgb(33,80,107)
```
#275f7e
```
#275f7e rgb(39,95,126)
```
#2d6d92
```
#2d6d92 rgb(45,109,146)
```
#337ca5
```
#337ca5 rgb(51,124,165)
```

Monochromatic Color

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

#21636b
```
#21636b rgb(33,99,107)
```
#215c6b
```
#215c6b rgb(33,92,107)
```
#21566b
```
#21566b rgb(33,86,107)
```
#21506b
```
#21506b rgb(33,80,107)
```
#214a6b
```
#214a6b rgb(33,74,107)
```
#21446b
```
#21446b rgb(33,68,107)
```
#213e6b
```
#213e6b rgb(33,62,107)
```

Similar Colors

Text with hexadecimal color #21506b

This text has a font color of #21506b.

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

#21506b background color

This paragraph has a background color of #21506b.

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

#21506b border color

This element has a border color of #21506b.

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

CSS codes

.text {color:#21506b;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#050d11
```
#050d11 rgb(5,13,17)
```
#0a1820
```
#0a1820 rgb(10,24,32)
```
#0f232f
```
#0f232f rgb(15,35,47)
```
#132e3e
```
#132e3e rgb(19,46,62)
```
#183a4d
```
#183a4d rgb(24,58,77)
```
#1c455c
```
#1c455c rgb(28,69,92)
```
#21506b
```
#21506b rgb(33,80,107)
```
#265b7a
```
#265b7a rgb(38,91,122)
```
#2a6689
```
#2a6689 rgb(42,102,137)
```
#2f7298
```
#2f7298 rgb(47,114,152)
```
#337da7
```
#337da7 rgb(51,125,167)
```
#3888b6
```
#3888b6 rgb(56,136,182)
```

Shade Color Variation

#3e93c4
```
#3e93c4 rgb(62,147,196)
```
#4d9bc8
```
#4d9bc8 rgb(77,155,200)
```
#5ca4cd
```
#5ca4cd rgb(92,164,205)
```
#6bacd1
```
#6bacd1 rgb(107,172,209)
```
#7ab4d6
```
#7ab4d6 rgb(122,180,214)
```
#89bddb
```
#89bddb rgb(137,189,219)
```
#98c5df
```
#98c5df rgb(152,197,223)
```
#a7cee4
```
#a7cee4 rgb(167,206,228)
```
#b6d6e9
```
#b6d6e9 rgb(182,214,233)
```
#c5dfed
```
#c5dfed rgb(197,223,237)
```
#d4e7f2
```
#d4e7f2 rgb(212,231,242)
```
#e3eff6
```
#e3eff6 rgb(227,239,246)
```
#f2f8fb
```
#f2f8fb rgb(242,248,251)
```

Tint Color Variation

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

#41474b
```
#41474b rgb(65,71,75)
```
#3c4950
```
#3c4950 rgb(60,73,80)
```
#374a55
```
#374a55 rgb(55,74,85)
```
#314c5b
```
#314c5b rgb(49,76,91)
```
#2c4d60
```
#2c4d60 rgb(44,77,96)
```
#264f66
```
#264f66 rgb(38,79,102)
```
#21506b
```
#21506b rgb(33,80,107)
```
#1c5170
```
#1c5170 rgb(28,81,112)
```
#165376
```
#165376 rgb(22,83,118)
```
#11547b
```
#11547b rgb(17,84,123)
```
#0b5681
```
#0b5681 rgb(11,86,129)
```
#065786
```
#065786 rgb(6,87,134)
```
#01598b
```
#01598b rgb(1,89,139)
```

Tone Color Variation

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

#4c536f Protanopia 1% of men
#485474 Deuteranopia 1% of men
#215c62 Tritanopia 0.001% of the population

Trichromacy

#3c526d Protanomaly 1% of men, 0.01% of women
#395271 Deuteranomaly 6% of men, 0.4% of women
#215765 Tritanomaly 0.01% of the population

#21506b hex color

#21506b Color Information

#21506b Color Conversion

Color Schemes with #21506b

Alternatives to #21506b

#21506b Preview

Shades and Tints of #21506b

Tones of #21506b

Color Blindness Simulator