#021fb4 hex color

In a RGB color space, hex #021fb4 is composed of 0.8% red, 12.2% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 98.9% cyan, 82.8% magenta, 0% yellow and 29.4% black. It has a hue angle of 230.2 degrees, a saturation of 97.8% and a lightness of 35.7%. #021fb4 color hex could be obtained by blending #043eff with #000069. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 1
- G 12
- B 71
RGB color chart
- C 99
- M 83
- Y 0
- K 29
CMYK color chart

● #021fb4 color description : Strong blue.

The hexadecimal color #021fb4 has RGB values of R:2, G:31, B:180 and CMYK values of C:0.99, M:0.83, Y:0, K:0.29. Its decimal value is 139188.

Hex triplet	021fb4	`#021fb4`
RGB Decimal	2, 31, 180	`rgb(2,31,180)`
RGB Percent	0.8, 12.2, 70.6	`rgb(0.8%,12.2%,70.6%)`
CMYK	99, 83, 0, 29
HSL	230.2°, 97.8, 35.7	`hsl(230.2,97.8%,35.7%)`
HSV (or HSB)	230.2°, 98.9, 70.6
Web Safe	0033cc	`#0033cc`

CIE-LAB	24.6, 50.781, -77.351
XYZ	8.752, 4.287, 43.544
xyY	0.155, 0.076, 4.287
CIE-LCH	24.6, 92.53, 303.285
CIE-LUV	24.6, -8.309, -89.192
Hunter-Lab	20.706, 39.208, -110.189
Binary	00000010, 00011111, 10110100

#021fb4
```
#021fb4 rgb(2,31,180)
```
#b49702
```
#b49702 rgb(180,151,2)
```

Complementary Color

#0278b4
```
#0278b4 rgb(2,120,180)
```
#021fb4
```
#021fb4 rgb(2,31,180)
```
#3e02b4
```
#3e02b4 rgb(62,2,180)
```

Analogous Color

#78b402
```
#78b402 rgb(120,180,2)
```
#021fb4
```
#021fb4 rgb(2,31,180)
```
#b43e02
```
#b43e02 rgb(180,62,2)
```

Split Complementary Color

#1fb402
```
#1fb402 rgb(31,180,2)
```
#021fb4
```
#021fb4 rgb(2,31,180)
```
#b4021f
```
#b4021f rgb(180,2,31)
```

Triadic Color

#02b497
```
#02b497 rgb(2,180,151)
```
#021fb4
```
#021fb4 rgb(2,31,180)
```
#b4021f
```
#b4021f rgb(180,2,31)
```
#b49702
```
#b49702 rgb(180,151,2)
```

Tetradic Color

#011268
```
#011268 rgb(1,18,104)
```
#011682
```
#011682 rgb(1,22,130)
```
#021b9b
```
#021b9b rgb(2,27,155)
```
#021fb4
```
#021fb4 rgb(2,31,180)
```
#0223cd
```
#0223cd rgb(2,35,205)
```
#0328e6
```
#0328e6 rgb(3,40,230)
```
#062efc
```
#062efc rgb(6,46,252)
```

Monochromatic Color

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

#024cb4
```
#024cb4 rgb(2,76,180)
```
#023db4
```
#023db4 rgb(2,61,180)
```
#022eb4
```
#022eb4 rgb(2,46,180)
```
#021fb4
```
#021fb4 rgb(2,31,180)
```
#0210b4
```
#0210b4 rgb(2,16,180)
```
#0302b4
```
#0302b4 rgb(3,2,180)
```
#1102b4
```
#1102b4 rgb(17,2,180)
```

Similar Colors

Text with hexadecimal color #021fb4

This text has a font color of #021fb4.

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

#021fb4 background color

This paragraph has a background color of #021fb4.

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

#021fb4 border color

This element has a border color of #021fb4.

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

CSS codes

.text {color:#021fb4;}

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

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

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

#000105
```
#000105 rgb(0,1,5)
```
#000419
```
#000419 rgb(0,4,25)
```
#00082c
```
#00082c rgb(0,8,44)
```
#010b40
```
#010b40 rgb(1,11,64)
```
#010e53
```
#010e53 rgb(1,14,83)
```
#011266
```
#011266 rgb(1,18,102)
```
#01157a
```
#01157a rgb(1,21,122)
```
#02188d
```
#02188d rgb(2,24,141)
```
#021ca1
```
#021ca1 rgb(2,28,161)
```
#021fb4
```
#021fb4 rgb(2,31,180)
```
#0222c7
```
#0222c7 rgb(2,34,199)
```
#0226db
```
#0226db rgb(2,38,219)
```
#0329ee
```
#0329ee rgb(3,41,238)
```

Shade Color Variation

#0830fc
```
#0830fc rgb(8,48,252)
```
#1c40fc
```
#1c40fc rgb(28,64,252)
```
#2f51fd
```
#2f51fd rgb(47,81,253)
```
#4261fd
```
#4261fd rgb(66,97,253)
```
#5671fd
```
#5671fd rgb(86,113,253)
```
#6981fd
```
#6981fd rgb(105,129,253)
```
#7d92fe
```
#7d92fe rgb(125,146,254)
```
#90a2fe
```
#90a2fe rgb(144,162,254)
```
#a3b2fe
```
#a3b2fe rgb(163,178,254)
```
#b7c2fe
```
#b7c2fe rgb(183,194,254)
```
#cad3fe
```
#cad3fe rgb(202,211,254)
```
#dee3ff
```
#dee3ff rgb(222,227,255)
```
#f1f3ff
```
#f1f3ff rgb(241,243,255)
```

Tint Color Variation

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

#565860
```
#565860 rgb(86,88,96)
```
#4f5367
```
#4f5367 rgb(79,83,103)
```
#484e6e
```
#484e6e rgb(72,78,110)
```
#414975
```
#414975 rgb(65,73,117)
```
#3a457c
```
#3a457c rgb(58,69,124)
```
#334083
```
#334083 rgb(51,64,131)
```
#2c3b8a
```
#2c3b8a rgb(44,59,138)
```
#253791
```
#253791 rgb(37,55,145)
```
#1e3298
```
#1e3298 rgb(30,50,152)
```
#172d9f
```
#172d9f rgb(23,45,159)
```
#1028a6
```
#1028a6 rgb(16,40,166)
```
#0924ad
```
#0924ad rgb(9,36,173)
```
#021fb4
```
#021fb4 rgb(2,31,180)
```

Tone Color Variation

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

#272727 Achromatopsia 0.005% of the population
#202543 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004281 Protanopia 1% of men
#00466f Deuteranopia 1% of men
#004b4e Tritanopia 0.001% of the population

Trichromacy

#003593 Protanomaly 1% of men, 0.01% of women
#003888 Deuteranomaly 6% of men, 0.4% of women
#003b73 Tritanomaly 0.01% of the population

#021fb4 hex color

#021fb4 Color Information

#021fb4 Color Conversion

Color Schemes with #021fb4

Alternatives to #021fb4

#021fb4 Preview

Shades and Tints of #021fb4

Tones of #021fb4

Color Blindness Simulator