#021f48 hex color

In a RGB color space, hex #021f48 is composed of 0.8% red, 12.2% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 97.2% cyan, 56.9% magenta, 0% yellow and 71.8% black. It has a hue angle of 215.1 degrees, a saturation of 94.6% and a lightness of 14.5%. #021f48 color hex could be obtained by blending #043e90 with #000000. Closest websafe color is: #003333.

♥
- f
- t
- g
- R 1
- G 12
- B 28
RGB color chart
- C 97
- M 57
- Y 0
- K 72
CMYK color chart

● #021f48 color description : Very dark blue.

The hexadecimal color #021f48 has RGB values of R:2, G:31, B:72 and CMYK values of C:0.97, M:0.57, Y:0, K:0.72. Its decimal value is 139080.

Hex triplet	021f48	`#021f48`
RGB Decimal	2, 31, 72	`rgb(2,31,72)`
RGB Percent	0.8, 12.2, 28.2	`rgb(0.8%,12.2%,28.2%)`
CMYK	97, 57, 0, 72
HSL	215.1°, 94.6, 14.5	`hsl(215.1,94.6%,14.5%)`
HSV (or HSB)	215.1°, 97.2, 28.2
Web Safe	003333	`#003333`

CIE-LAB	12.355, 8.138, -28.563
XYZ	1.684, 1.461, 6.324
xyY	0.178, 0.154, 1.461
CIE-LCH	12.355, 29.7, 285.903
CIE-LUV	12.355, -6.351, -25.619
Hunter-Lab	12.086, 3.729, -22.563
Binary	00000010, 00011111, 01001000

#021f48
```
#021f48 rgb(2,31,72)
```
#482b02
```
#482b02 rgb(72,43,2)
```

Complementary Color

#024248
```
#024248 rgb(2,66,72)
```
#021f48
```
#021f48 rgb(2,31,72)
```
#080248
```
#080248 rgb(8,2,72)
```

Analogous Color

#424802
```
#424802 rgb(66,72,2)
```
#021f48
```
#021f48 rgb(2,31,72)
```
#480802
```
#480802 rgb(72,8,2)
```

Split Complementary Color

#1f4802
```
#1f4802 rgb(31,72,2)
```
#021f48
```
#021f48 rgb(2,31,72)
```
#48021f
```
#48021f rgb(72,2,31)
```

Triadic Color

#02482b
```
#02482b rgb(2,72,43)
```
#021f48
```
#021f48 rgb(2,31,72)
```
#48021f
```
#48021f rgb(72,2,31)
```
#482b02
```
#482b02 rgb(72,43,2)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#010a16
```
#010a16 rgb(1,10,22)
```
#01142f
```
#01142f rgb(1,20,47)
```
#021f48
```
#021f48 rgb(2,31,72)
```
#032a61
```
#032a61 rgb(3,42,97)
```
#03347a
```
#03347a rgb(3,52,122)
```
#043f92
```
#043f92 rgb(4,63,146)
```

Monochromatic Color

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

#023148
```
#023148 rgb(2,49,72)
```
#022b48
```
#022b48 rgb(2,43,72)
```
#022548
```
#022548 rgb(2,37,72)
```
#021f48
```
#021f48 rgb(2,31,72)
```
#021948
```
#021948 rgb(2,25,72)
```
#021348
```
#021348 rgb(2,19,72)
```
#020e48
```
#020e48 rgb(2,14,72)
```

Similar Colors

Text with hexadecimal color #021f48

This text has a font color of #021f48.

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

#021f48 background color

This paragraph has a background color of #021f48.

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

#021f48 border color

This element has a border color of #021f48.

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

CSS codes

.text {color:#021f48;}

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

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

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, #00060f is the darkest color, while #fbfcff is the lightest one.

#00060f
```
#00060f rgb(0,6,15)
```
#010f22
```
#010f22 rgb(1,15,34)
```
#011735
```
#011735 rgb(1,23,53)
```
#021f48
```
#021f48 rgb(2,31,72)
```
#03275b
```
#03275b rgb(3,39,91)
```
#032f6e
```
#032f6e rgb(3,47,110)
```
#043881
```
#043881 rgb(4,56,129)
```
#044094
```
#044094 rgb(4,64,148)
```
#0548a7
```
#0548a7 rgb(5,72,167)
```
#0550bb
```
#0550bb rgb(5,80,187)
```
#0659ce
```
#0659ce rgb(6,89,206)
```
#0661e1
```
#0661e1 rgb(6,97,225)
```
#0769f4
```
#0769f4 rgb(7,105,244)
```

Shade Color Variation

#1674f9
```
#1674f9 rgb(22,116,249)
```
#297ff9
```
#297ff9 rgb(41,127,249)
```
#3c8afa
```
#3c8afa rgb(60,138,250)
```
#4f96fa
```
#4f96fa rgb(79,150,250)
```
#62a1fb
```
#62a1fb rgb(98,161,251)
```
#75adfb
```
#75adfb rgb(117,173,251)
```
#88b8fc
```
#88b8fc rgb(136,184,252)
```
#9bc3fc
```
#9bc3fc rgb(155,195,252)
```
#aecffd
```
#aecffd rgb(174,207,253)
```
#c1dafd
```
#c1dafd rgb(193,218,253)
```
#d4e6fe
```
#d4e6fe rgb(212,230,254)
```
#e8f1fe
```
#e8f1fe rgb(232,241,254)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#242526
```
#242526 rgb(36,37,38)
```
#212429
```
#212429 rgb(33,36,41)
```
#1e242c
```
#1e242c rgb(30,36,44)
```
#1c232e
```
#1c232e rgb(28,35,46)
```
#192331
```
#192331 rgb(25,35,49)
```
#162234
```
#162234 rgb(22,34,52)
```
#132237
```
#132237 rgb(19,34,55)
```
#10213a
```
#10213a rgb(16,33,58)
```
#0d213d
```
#0d213d rgb(13,33,61)
```
#0b203f
```
#0b203f rgb(11,32,63)
```
#082042
```
#082042 rgb(8,32,66)
```
#051f45
```
#051f45 rgb(5,31,69)
```
#021f48
```
#021f48 rgb(2,31,72)
```

Tone Color Variation

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

#1b1b1b Achromatopsia 0.005% of the population
#161c24 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0e2a51 Protanopia 1% of men
#002c49 Deuteranopia 1% of men
#003032 Tritanopia 0.001% of the population

Trichromacy

#0a264d Protanomaly 1% of men, 0.01% of women
#002748 Deuteranomaly 6% of men, 0.4% of women
#00293a Tritanomaly 0.01% of the population

#021f48 hex color

#021f48 Color Information

#021f48 Color Conversion

Color Schemes with #021f48

Alternatives to #021f48

#021f48 Preview

Shades and Tints of #021f48

Tones of #021f48

Color Blindness Simulator