#021564 hex color

In a RGB color space, hex #021564 is composed of 0.8% red, 8.2% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 98% cyan, 79% magenta, 0% yellow and 60.8% black. It has a hue angle of 228.4 degrees, a saturation of 96.1% and a lightness of 20%. #021564 color hex could be obtained by blending #042ac8 with #000000. Closest websafe color is: #000066.

♥
- f
- t
- g
- R 1
- G 8
- B 39
RGB color chart
- C 98
- M 79
- Y 0
- K 61
CMYK color chart

● #021564 color description : Very dark blue.

The hexadecimal color #021564 has RGB values of R:2, G:21, B:100 and CMYK values of C:0.98, M:0.79, Y:0, K:0.61. Its decimal value is 136548.

Hex triplet	021564	`#021564`
RGB Decimal	2, 21, 100	`rgb(2,21,100)`
RGB Percent	0.8, 8.2, 39.2	`rgb(0.8%,8.2%,39.2%)`
CMYK	98, 79, 0, 61
HSL	228.4°, 96.1, 20	`hsl(228.4,96.1%,20%)`
HSV (or HSB)	228.4°, 98, 39.2
Web Safe	000066	`#000066`

CIE-LAB	12.41, 28.06, -47.443
XYZ	2.593, 1.469, 12.203
xyY	0.159, 0.09, 1.469
CIE-LCH	12.41, 55.12, 300.602
CIE-LUV	12.41, -4.593, -40.725
Hunter-Lab	12.121, 16.975, -51.207
Binary	00000010, 00010101, 01100100

#021564
```
#021564 rgb(2,21,100)
```
#645102
```
#645102 rgb(100,81,2)
```

Complementary Color

#024664
```
#024664 rgb(2,70,100)
```
#021564
```
#021564 rgb(2,21,100)
```
#200264
```
#200264 rgb(32,2,100)
```

Analogous Color

#466402
```
#466402 rgb(70,100,2)
```
#021564
```
#021564 rgb(2,21,100)
```
#642002
```
#642002 rgb(100,32,2)
```

Split Complementary Color

#156402
```
#156402 rgb(21,100,2)
```
#021564
```
#021564 rgb(2,21,100)
```
#640215
```
#640215 rgb(100,2,21)
```

Triadic Color

#026451
```
#026451 rgb(2,100,81)
```
#021564
```
#021564 rgb(2,21,100)
```
#640215
```
#640215 rgb(100,2,21)
```
#645102
```
#645102 rgb(100,81,2)
```

Tetradic Color

#010519
```
#010519 rgb(1,5,25)
```
#010b32
```
#010b32 rgb(1,11,50)
```
#02104b
```
#02104b rgb(2,16,75)
```
#021564
```
#021564 rgb(2,21,100)
```
#031a7d
```
#031a7d rgb(3,26,125)
```
#031f96
```
#031f96 rgb(3,31,150)
```
#0425af
```
#0425af rgb(4,37,175)
```

Monochromatic Color

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

#022e64
```
#022e64 rgb(2,46,100)
```
#022564
```
#022564 rgb(2,37,100)
```
#021d64
```
#021d64 rgb(2,29,100)
```
#021564
```
#021564 rgb(2,21,100)
```
#020d64
```
#020d64 rgb(2,13,100)
```
#020564
```
#020564 rgb(2,5,100)
```
#080264
```
#080264 rgb(8,2,100)
```

Similar Colors

Text with hexadecimal color #021564

This text has a font color of #021564.

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

#021564 background color

This paragraph has a background color of #021564.

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

#021564 border color

This element has a border color of #021564.

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

CSS codes

.text {color:#021564;}

.background {background-color:#021564;}

.border {border:1px solid #021564;}

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

#000104
```
#000104 rgb(0,1,4)
```
#000517
```
#000517 rgb(0,5,23)
```
#01092a
```
#01092a rgb(1,9,42)
```
#010d3e
```
#010d3e rgb(1,13,62)
```
#021151
```
#021151 rgb(2,17,81)
```
#021564
```
#021564 rgb(2,21,100)
```
#021977
```
#021977 rgb(2,25,119)
```
#031d8a
```
#031d8a rgb(3,29,138)
```
#03219e
```
#03219e rgb(3,33,158)
```
#0425b1
```
#0425b1 rgb(4,37,177)
```
#0429c4
```
#0429c4 rgb(4,41,196)
```
#042dd7
```
#042dd7 rgb(4,45,215)
```
#0531eb
```
#0531eb rgb(5,49,235)
```

Shade Color Variation

#0938fa
```
#0938fa rgb(9,56,250)
```
#1c47fa
```
#1c47fa rgb(28,71,250)
```
#2f57fb
```
#2f57fb rgb(47,87,251)
```
#4366fb
```
#4366fb rgb(67,102,251)
```
#5676fc
```
#5676fc rgb(86,118,252)
```
#6986fc
```
#6986fc rgb(105,134,252)
```
#7c95fc
```
#7c95fc rgb(124,149,252)
```
#8fa5fd
```
#8fa5fd rgb(143,165,253)
```
#a3b4fd
```
#a3b4fd rgb(163,180,253)
```
#b6c4fe
```
#b6c4fe rgb(182,196,254)
```
#c9d3fe
```
#c9d3fe rgb(201,211,254)
```
#dce3fe
```
#dce3fe rgb(220,227,254)
```
#f0f3ff
```
#f0f3ff rgb(240,243,255)
```

Tint Color Variation

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

#313235
```
#313235 rgb(49,50,53)
```
#2d2f39
```
#2d2f39 rgb(45,47,57)
```
#292d3d
```
#292d3d rgb(41,45,61)
```
#252b41
```
#252b41 rgb(37,43,65)
```
#212845
```
#212845 rgb(33,40,69)
```
#1d2649
```
#1d2649 rgb(29,38,73)
```
#1a234c
```
#1a234c rgb(26,35,76)
```
#162150
```
#162150 rgb(22,33,80)
```
#121f54
```
#121f54 rgb(18,31,84)
```
#0e1c58
```
#0e1c58 rgb(14,28,88)
```
#0a1a5c
```
#0a1a5c rgb(10,26,92)
```
#061760
```
#061760 rgb(6,23,96)
```
#021564
```
#021564 rgb(2,21,100)
```

Tone Color Variation

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

#181818 Achromatopsia 0.005% of the population
#141727 Atypical Achromatopsia 0.001% of the population

Dichromacy

#002a52 Protanopia 1% of men
#002d47 Deuteranopia 1% of men
#003032 Tritanopia 0.001% of the population

Trichromacy

#002259 Protanomaly 1% of men, 0.01% of women
#002452 Deuteranomaly 6% of men, 0.4% of women
#002644 Tritanomaly 0.01% of the population

#021564 hex color

#021564 Color Information

#021564 Color Conversion

Color Schemes with #021564

Alternatives to #021564

#021564 Preview

Shades and Tints of #021564

Tones of #021564

Color Blindness Simulator