#021f54 hex color

In a RGB color space, hex #021f54 is composed of 0.8% red, 12.2% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 97.6% cyan, 63.1% magenta, 0% yellow and 67.1% black. It has a hue angle of 218.8 degrees, a saturation of 95.3% and a lightness of 16.9%. #021f54 color hex could be obtained by blending #043ea8 with #000000. Closest websafe color is: #003366.

♥
- f
- t
- g
- R 1
- G 12
- B 33
RGB color chart
- C 98
- M 63
- Y 0
- K 67
CMYK color chart

● #021f54 color description : Very dark blue.

The hexadecimal color #021f54 has RGB values of R:2, G:31, B:84 and CMYK values of C:0.98, M:0.63, Y:0, K:0.67. Its decimal value is 139092.

Hex triplet	021f54	`#021f54`
RGB Decimal	2, 31, 84	`rgb(2,31,84)`
RGB Percent	0.8, 12.2, 32.9	`rgb(0.8%,12.2%,32.9%)`
CMYK	98, 63, 0, 67
HSL	218.8°, 95.3, 16.9	`hsl(218.8,95.3%,16.9%)`
HSV (or HSB)	218.8°, 97.6, 32.9
Web Safe	003366	`#003366`

CIE-LAB	13.429, 13.786, -35.041
XYZ	2.115, 1.633, 8.591
xyY	0.171, 0.132, 1.633
CIE-LCH	13.429, 37.656, 291.476
CIE-LUV	13.429, -6.342, -32.781
Hunter-Lab	12.778, 7.182, -30.916
Binary	00000010, 00011111, 01010100

#021f54
```
#021f54 rgb(2,31,84)
```
#543702
```
#543702 rgb(84,55,2)
```

Complementary Color

#024854
```
#024854 rgb(2,72,84)
```
#021f54
```
#021f54 rgb(2,31,84)
```
#0e0254
```
#0e0254 rgb(14,2,84)
```

Analogous Color

#485402
```
#485402 rgb(72,84,2)
```
#021f54
```
#021f54 rgb(2,31,84)
```
#540e02
```
#540e02 rgb(84,14,2)
```

Split Complementary Color

#1f5402
```
#1f5402 rgb(31,84,2)
```
#021f54
```
#021f54 rgb(2,31,84)
```
#54021f
```
#54021f rgb(84,2,31)
```

Triadic Color

#025437
```
#025437 rgb(2,84,55)
```
#021f54
```
#021f54 rgb(2,31,84)
```
#54021f
```
#54021f rgb(84,2,31)
```
#543702
```
#543702 rgb(84,55,2)
```

Tetradic Color

#000309
```
#000309 rgb(0,3,9)
```
#010d22
```
#010d22 rgb(1,13,34)
```
#01163b
```
#01163b rgb(1,22,59)
```
#021f54
```
#021f54 rgb(2,31,84)
```
#03286d
```
#03286d rgb(3,40,109)
```
#033186
```
#033186 rgb(3,49,134)
```
#043b9f
```
#043b9f rgb(4,59,159)
```

Monochromatic Color

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

#023454
```
#023454 rgb(2,52,84)
```
#022d54
```
#022d54 rgb(2,45,84)
```
#022654
```
#022654 rgb(2,38,84)
```
#021f54
```
#021f54 rgb(2,31,84)
```
#021854
```
#021854 rgb(2,24,84)
```
#021154
```
#021154 rgb(2,17,84)
```
#020b54
```
#020b54 rgb(2,11,84)
```

Similar Colors

Text with hexadecimal color #021f54

This text has a font color of #021f54.

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

#021f54 background color

This paragraph has a background color of #021f54.

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

#021f54 border color

This element has a border color of #021f54.

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

CSS codes

.text {color:#021f54;}

.background {background-color:#021f54;}

.border {border:1px solid #021f54;}

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

#000307
```
#000307 rgb(0,3,7)
```
#010a1b
```
#010a1b rgb(1,10,27)
```
#01112e
```
#01112e rgb(1,17,46)
```
#021841
```
#021841 rgb(2,24,65)
```
#021f54
```
#021f54 rgb(2,31,84)
```
#022667
```
#022667 rgb(2,38,103)
```
#032d7a
```
#032d7a rgb(3,45,122)
```
#03348d
```
#03348d rgb(3,52,141)
```
#043ba1
```
#043ba1 rgb(4,59,161)
```
#0442b4
```
#0442b4 rgb(4,66,180)
```
#0549c7
```
#0549c7 rgb(5,73,199)
```
#0550da
```
#0550da rgb(5,80,218)
```
#0658ed
```
#0658ed rgb(6,88,237)
```

Shade Color Variation

#0d61f9
```
#0d61f9 rgb(13,97,249)
```
#206dfa
```
#206dfa rgb(32,109,250)
```
#347afa
```
#347afa rgb(52,122,250)
```
#4786fb
```
#4786fb rgb(71,134,251)
```
#5a93fb
```
#5a93fb rgb(90,147,251)
```
#6d9ffc
```
#6d9ffc rgb(109,159,252)
```
#80acfc
```
#80acfc rgb(128,172,252)
```
#93b9fc
```
#93b9fc rgb(147,185,252)
```
#a7c5fd
```
#a7c5fd rgb(167,197,253)
```
#bad2fd
```
#bad2fd rgb(186,210,253)
```
#cddefe
```
#cddefe rgb(205,222,254)
```
#e0ebfe
```
#e0ebfe rgb(224,235,254)
```
#f3f7ff
```
#f3f7ff rgb(243,247,255)
```

Tint Color Variation

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

#2a2b2c
```
#2a2b2c rgb(42,43,44)
```
#262a30
```
#262a30 rgb(38,42,48)
```
#232933
```
#232933 rgb(35,41,51)
```
#202836
```
#202836 rgb(32,40,54)
```
#1c273a
```
#1c273a rgb(28,39,58)
```
#19263d
```
#19263d rgb(25,38,61)
```
#162540
```
#162540 rgb(22,37,64)
```
#132443
```
#132443 rgb(19,36,67)
```
#0f2347
```
#0f2347 rgb(15,35,71)
```
#0c224a
```
#0c224a rgb(12,34,74)
```
#09214d
```
#09214d rgb(9,33,77)
```
#052051
```
#052051 rgb(5,32,81)
```
#021f54
```
#021f54 rgb(2,31,84)
```

Tone Color Variation

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

#1c1c1c Achromatopsia 0.005% of the population
#171d27 Atypical Achromatopsia 0.001% of the population

Dichromacy

#002c57 Protanopia 1% of men
#002f4c Deuteranopia 1% of men
#003235 Tritanopia 0.001% of the population

Trichromacy

#002756 Protanomaly 1% of men, 0.01% of women
#00294e Deuteranomaly 6% of men, 0.4% of women
#002b40 Tritanomaly 0.01% of the population

#021f54 hex color

#021f54 Color Information

#021f54 Color Conversion

Color Schemes with #021f54

Alternatives to #021f54

#021f54 Preview

Shades and Tints of #021f54

Tones of #021f54

Color Blindness Simulator