#21387f hex color

In a RGB color space, hex #21387f is composed of 12.9% red, 22% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 74% cyan, 55.9% magenta, 0% yellow and 50.2% black. It has a hue angle of 225.3 degrees, a saturation of 58.8% and a lightness of 31.4%. #21387f color hex could be obtained by blending #4270fe with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 13
- G 22
- B 50
RGB color chart
- C 74
- M 56
- Y 0
- K 50
CMYK color chart

● #21387f color description : Dark blue.

The hexadecimal color #21387f has RGB values of R:33, G:56, B:127 and CMYK values of C:0.74, M:0.56, Y:0, K:0.5. Its decimal value is 2177151.

Hex triplet	21387f	`#21387f`
RGB Decimal	33, 56, 127	`rgb(33,56,127)`
RGB Percent	12.9, 22, 49.8	`rgb(12.9%,22%,49.8%)`
CMYK	74, 56, 0, 50
HSL	225.3°, 58.8, 31.4	`hsl(225.3,58.8%,31.4%)`
HSV (or HSB)	225.3°, 74, 49.8
Web Safe	333366	`#333366`

CIE-LAB	25.814, 17.421, -42.856
XYZ	5.871, 4.684, 20.672
xyY	0.188, 0.15, 4.684
CIE-LCH	25.814, 46.262, 292.122
CIE-LUV	25.814, -9.339, -54.765
Hunter-Lab	21.642, 10.554, -41.485
Binary	00100001, 00111000, 01111111

#21387f
```
#21387f rgb(33,56,127)
```
#7f6821
```
#7f6821 rgb(127,104,33)
```

Complementary Color

#21677f
```
#21677f rgb(33,103,127)
```
#21387f
```
#21387f rgb(33,56,127)
```
#39217f
```
#39217f rgb(57,33,127)
```

Analogous Color

#677f21
```
#677f21 rgb(103,127,33)
```
#21387f
```
#21387f rgb(33,56,127)
```
#7f3921
```
#7f3921 rgb(127,57,33)
```

Split Complementary Color

#387f21
```
#387f21 rgb(56,127,33)
```
#21387f
```
#21387f rgb(33,56,127)
```
#7f2138
```
#7f2138 rgb(127,33,56)
```

Triadic Color

#217f68
```
#217f68 rgb(33,127,104)
```
#21387f
```
#21387f rgb(33,56,127)
```
#7f2138
```
#7f2138 rgb(127,33,56)
```
#7f6821
```
#7f6821 rgb(127,104,33)
```

Tetradic Color

#111d42
```
#111d42 rgb(17,29,66)
```
#162657
```
#162657 rgb(22,38,87)
```
#1c2f6b
```
#1c2f6b rgb(28,47,107)
```
#21387f
```
#21387f rgb(33,56,127)
```
#264193
```
#264193 rgb(38,65,147)
```
#2c4aa7
```
#2c4aa7 rgb(44,74,167)
```
#3153bc
```
#3153bc rgb(49,83,188)
```

Monochromatic Color

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

#21507f
```
#21507f rgb(33,80,127)
```
#21487f
```
#21487f rgb(33,72,127)
```
#21407f
```
#21407f rgb(33,64,127)
```
#21387f
```
#21387f rgb(33,56,127)
```
#21307f
```
#21307f rgb(33,48,127)
```
#21287f
```
#21287f rgb(33,40,127)
```
#22217f
```
#22217f rgb(34,33,127)
```

Similar Colors

Text with hexadecimal color #21387f

This text has a font color of #21387f.

<span style="color:#21387f;">Text here</span>

#21387f background color

This paragraph has a background color of #21387f.

<p style="background-color:#21387f;">Content here</p>

#21387f border color

This element has a border color of #21387f.

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

CSS codes

.text {color:#21387f;}

.background {background-color:#21387f;}

.border {border:1px solid #21387f;}

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

#010102
```
#010102 rgb(1,1,2)
```
#050812
```
#050812 rgb(5,8,18)
```
#090f22
```
#090f22 rgb(9,15,34)
```
#0d1631
```
#0d1631 rgb(13,22,49)
```
#111d41
```
#111d41 rgb(17,29,65)
```
#152350
```
#152350 rgb(21,35,80)
```
#192a60
```
#192a60 rgb(25,42,96)
```
#1d316f
```
#1d316f rgb(29,49,111)
```
#21387f
```
#21387f rgb(33,56,127)
```
#253f8f
```
#253f8f rgb(37,63,143)
```
#29469e
```
#29469e rgb(41,70,158)
```
#2d4dae
```
#2d4dae rgb(45,77,174)
```
#3153bd
```
#3153bd rgb(49,83,189)
```

Shade Color Variation

#375bcb
```
#375bcb rgb(55,91,203)
```
#4768cf
```
#4768cf rgb(71,104,207)
```
#5675d3
```
#5675d3 rgb(86,117,211)
```
#6682d7
```
#6682d7 rgb(102,130,215)
```
#758edb
```
#758edb rgb(117,142,219)
```
#859bdf
```
#859bdf rgb(133,155,223)
```
#94a8e3
```
#94a8e3 rgb(148,168,227)
```
#a4b5e7
```
#a4b5e7 rgb(164,181,231)
```
#b4c1eb
```
#b4c1eb rgb(180,193,235)
```
#c3ceef
```
#c3ceef rgb(195,206,239)
```
#d3dbf3
```
#d3dbf3 rgb(211,219,243)
```
#e2e8f8
```
#e2e8f8 rgb(226,232,248)
```
#f2f4fc
```
#f2f4fc rgb(242,244,252)
```

Tint Color Variation

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

#4c4e54
```
#4c4e54 rgb(76,78,84)
```
#464b5a
```
#464b5a rgb(70,75,90)
```
#404860
```
#404860 rgb(64,72,96)
```
#3a4566
```
#3a4566 rgb(58,69,102)
```
#33416d
```
#33416d rgb(51,65,109)
```
#2d3e73
```
#2d3e73 rgb(45,62,115)
```
#273b79
```
#273b79 rgb(39,59,121)
```
#21387f
```
#21387f rgb(33,56,127)
```
#1b3585
```
#1b3585 rgb(27,53,133)
```
#15328b
```
#15328b rgb(21,50,139)
```
#0f2f91
```
#0f2f91 rgb(15,47,145)
```
#082b98
```
#082b98 rgb(8,43,152)
```
#02289e
```
#02289e rgb(2,40,158)
```

Tone Color Variation

Below, you can see how #21387f 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

#393939 Achromatopsia 0.005% of the population
#343947 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004487 Protanopia 1% of men
#004877 Deuteranopia 1% of men
#004e53 Tritanopia 0.001% of the population

Trichromacy

#0c4084 Protanomaly 1% of men, 0.01% of women
#0c4279 Deuteranomaly 6% of men, 0.4% of women
#0c4663 Tritanomaly 0.01% of the population

#21387f hex color

#21387f Color Information

#21387f Color Conversion

Color Schemes with #21387f

Alternatives to #21387f

#21387f Preview

Shades and Tints of #21387f

Tones of #21387f

Color Blindness Simulator