#21396d hex color

In a RGB color space, hex #21396d is composed of 12.9% red, 22.4% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 69.7% cyan, 47.7% magenta, 0% yellow and 57.3% black. It has a hue angle of 221.1 degrees, a saturation of 53.5% and a lightness of 27.8%. #21396d color hex could be obtained by blending #4272da with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 13
- G 22
- B 43
RGB color chart
- C 70
- M 48
- Y 0
- K 57
CMYK color chart

● #21396d color description : Very dark blue.

The hexadecimal color #21396d has RGB values of R:33, G:57, B:109 and CMYK values of C:0.7, M:0.48, Y:0, K:0.57. Its decimal value is 2177389.

Hex triplet	21396d	`#21396d`
RGB Decimal	33, 57, 109	`rgb(33,57,109)`
RGB Percent	12.9, 22.4, 42.7	`rgb(12.9%,22.4%,42.7%)`
CMYK	70, 48, 0, 57
HSL	221.1°, 53.5, 27.8	`hsl(221.1,53.5%,27.8%)`
HSV (or HSB)	221.1°, 69.7, 42.7
Web Safe	333366	`#333366`

CIE-LAB	24.807, 9.563, -33.056
XYZ	4.85, 4.353, 15.052
xyY	0.2, 0.179, 4.353
CIE-LCH	24.807, 34.411, 286.135
CIE-LUV	24.807, -9.543, -41.453
Hunter-Lab	20.865, 4.979, -28.166
Binary	00100001, 00111001, 01101101

#21396d
```
#21396d rgb(33,57,109)
```
#6d5521
```
#6d5521 rgb(109,85,33)
```

Complementary Color

#215f6d
```
#215f6d rgb(33,95,109)
```
#21396d
```
#21396d rgb(33,57,109)
```
#2f216d
```
#2f216d rgb(47,33,109)
```

Analogous Color

#5f6d21
```
#5f6d21 rgb(95,109,33)
```
#21396d
```
#21396d rgb(33,57,109)
```
#6d2f21
```
#6d2f21 rgb(109,47,33)
```

Split Complementary Color

#396d21
```
#396d21 rgb(57,109,33)
```
#21396d
```
#21396d rgb(33,57,109)
```
#6d2139
```
#6d2139 rgb(109,33,57)
```

Triadic Color

#216d55
```
#216d55 rgb(33,109,85)
```
#21396d
```
#21396d rgb(33,57,109)
```
#6d2139
```
#6d2139 rgb(109,33,57)
```
#6d5521
```
#6d5521 rgb(109,85,33)
```

Tetradic Color

#0f1a32
```
#0f1a32 rgb(15,26,50)
```
#152546
```
#152546 rgb(21,37,70)
```
#1b2f59
```
#1b2f59 rgb(27,47,89)
```
#21396d
```
#21396d rgb(33,57,109)
```
#274381
```
#274381 rgb(39,67,129)
```
#2d4d94
```
#2d4d94 rgb(45,77,148)
```
#3358a8
```
#3358a8 rgb(51,88,168)
```

Monochromatic Color

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

#214c6d
```
#214c6d rgb(33,76,109)
```
#21466d
```
#21466d rgb(33,70,109)
```
#213f6d
```
#213f6d rgb(33,63,109)
```
#21396d
```
#21396d rgb(33,57,109)
```
#21336d
```
#21336d rgb(33,51,109)
```
#212c6d
```
#212c6d rgb(33,44,109)
```
#21266d
```
#21266d rgb(33,38,109)
```

Similar Colors

Text with hexadecimal color #21396d

This text has a font color of #21396d.

<span style="color:#21396d;">Text here</span>

#21396d background color

This paragraph has a background color of #21396d.

<p style="background-color:#21396d;">Content here</p>

#21396d border color

This element has a border color of #21396d.

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

CSS codes

.text {color:#21396d;}

.background {background-color:#21396d;}

.border {border:1px solid #21396d;}

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

#010204
```
#010204 rgb(1,2,4)
```
#060a13
```
#060a13 rgb(6,10,19)
```
#0a1222
```
#0a1222 rgb(10,18,34)
```
#0f1a31
```
#0f1a31 rgb(15,26,49)
```
#132140
```
#132140 rgb(19,33,64)
```
#18294f
```
#18294f rgb(24,41,79)
```
#1c315e
```
#1c315e rgb(28,49,94)
```
#21396d
```
#21396d rgb(33,57,109)
```
#26417c
```
#26417c rgb(38,65,124)
```
#2a498b
```
#2a498b rgb(42,73,139)
```
#2f519a
```
#2f519a rgb(47,81,154)
```
#3358a9
```
#3358a9 rgb(51,88,169)
```
#3860b8
```
#3860b8 rgb(56,96,184)
```

Shade Color Variation

#3f69c5
```
#3f69c5 rgb(63,105,197)
```
#4e75c9
```
#4e75c9 rgb(78,117,201)
```
#5d81ce
```
#5d81ce rgb(93,129,206)
```
#6c8cd3
```
#6c8cd3 rgb(108,140,211)
```
#7b98d7
```
#7b98d7 rgb(123,152,215)
```
#8aa4dc
```
#8aa4dc rgb(138,164,220)
```
#99b0e0
```
#99b0e0 rgb(153,176,224)
```
#a8bbe5
```
#a8bbe5 rgb(168,187,229)
```
#b7c7e9
```
#b7c7e9 rgb(183,199,233)
```
#c6d3ee
```
#c6d3ee rgb(198,211,238)
```
#d5dff2
```
#d5dff2 rgb(213,223,242)
```
#e4eaf7
```
#e4eaf7 rgb(228,234,247)
```
#f4f6fc
```
#f4f6fc rgb(244,246,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #42454c is the less saturated color, while #002d8e is the most saturated one.

#42454c
```
#42454c rgb(66,69,76)
```
#3c4352
```
#3c4352 rgb(60,67,82)
```
#374157
```
#374157 rgb(55,65,87)
```
#313f5d
```
#313f5d rgb(49,63,93)
```
#2c3d62
```
#2c3d62 rgb(44,61,98)
```
#263b68
```
#263b68 rgb(38,59,104)
```
#21396d
```
#21396d rgb(33,57,109)
```
#1c3772
```
#1c3772 rgb(28,55,114)
```
#163578
```
#163578 rgb(22,53,120)
```
#11337d
```
#11337d rgb(17,51,125)
```
#0b3183
```
#0b3183 rgb(11,49,131)
```
#062f88
```
#062f88 rgb(6,47,136)
```
#002d8e
```
#002d8e rgb(0,45,142)
```

Tone Color Variation

Below, you can see how #21396d 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

#383838 Achromatopsia 0.005% of the population
#333843 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2b4374 Protanopia 1% of men
#154673 Deuteranopia 1% of men
#004b51 Tritanopia 0.001% of the population

Trichromacy

#273f71 Protanomaly 1% of men, 0.01% of women
#194171 Deuteranomaly 6% of men, 0.4% of women
#0c445b Tritanomaly 0.01% of the population

#21396d hex color

#21396d Color Information

#21396d Color Conversion

Color Schemes with #21396d

Alternatives to #21396d

#21396d Preview

Shades and Tints of #21396d

Tones of #21396d

Color Blindness Simulator