#021bf5 hex color

In a RGB color space, hex #021bf5 is composed of 0.8% red, 10.6% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 89% magenta, 0% yellow and 3.9% black. It has a hue angle of 233.8 degrees, a saturation of 98.4% and a lightness of 48.4%. #021bf5 color hex could be obtained by blending #0436ff with #0000eb. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 1
- G 11
- B 96
RGB color chart
- C 99
- M 89
- Y 0
- K 4
CMYK color chart

● #021bf5 color description : Vivid blue.

The hexadecimal color #021bf5 has RGB values of R:2, G:27, B:245 and CMYK values of C:0.99, M:0.89, Y:0, K:0.04. Its decimal value is 138229.

Hex triplet	021bf5	`#021bf5`
RGB Decimal	2, 27, 245	`rgb(2,27,245)`
RGB Percent	0.8, 10.6, 96.1	`rgb(0.8%,10.6%,96.1%)`
CMYK	99, 89, 0, 4
HSL	233.8°, 98.4, 48.4	`hsl(233.8,98.4%,48.4%)`
HSV (or HSB)	233.8°, 99.2, 96.1
Web Safe	0033ff	`#0033ff`

CIE-LAB	32.674, 71.329, -101.607
XYZ	16.895, 7.388, 86.917
xyY	0.152, 0.066, 7.388
CIE-LCH	32.674, 124.145, 305.069
CIE-LUV	32.674, -10.14, -126.228
Hunter-Lab	27.181, 63.386, -170.566
Binary	00000010, 00011011, 11110101

#021bf5
```
#021bf5 rgb(2,27,245)
```
#f5dc02
```
#f5dc02 rgb(245,220,2)
```

Complementary Color

#0295f5
```
#0295f5 rgb(2,149,245)
```
#021bf5
```
#021bf5 rgb(2,27,245)
```
#6302f5
```
#6302f5 rgb(99,2,245)
```

Analogous Color

#95f502
```
#95f502 rgb(149,245,2)
```
#021bf5
```
#021bf5 rgb(2,27,245)
```
#f56202
```
#f56202 rgb(245,98,2)
```

Split Complementary Color

#1bf502
```
#1bf502 rgb(27,245,2)
```
#021bf5
```
#021bf5 rgb(2,27,245)
```
#f5021b
```
#f5021b rgb(245,2,27)
```

Triadic Color

#02f5dc
```
#02f5dc rgb(2,245,220)
```
#021bf5
```
#021bf5 rgb(2,27,245)
```
#f5021b
```
#f5021b rgb(245,2,27)
```
#f5dc02
```
#f5dc02 rgb(245,220,2)
```

Tetradic Color

#0113a9
```
#0113a9 rgb(1,19,169)
```
#0215c2
```
#0215c2 rgb(2,21,194)
```
#0218dc
```
#0218dc rgb(2,24,220)
```
#021bf5
```
#021bf5 rgb(2,27,245)
```
#132bfd
```
#132bfd rgb(19,43,253)
```
#2d42fd
```
#2d42fd rgb(45,66,253)
```
#4659fd
```
#4659fd rgb(70,89,253)
```

Monochromatic Color

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

#0258f5
```
#0258f5 rgb(2,88,245)
```
#0244f5
```
#0244f5 rgb(2,68,245)
```
#022ff5
```
#022ff5 rgb(2,47,245)
```
#021bf5
```
#021bf5 rgb(2,27,245)
```
#0207f5
```
#0207f5 rgb(2,7,245)
```
#1102f5
```
#1102f5 rgb(17,2,245)
```
#2602f5
```
#2602f5 rgb(38,2,245)
```

Similar Colors

Text with hexadecimal color #021bf5

This text has a font color of #021bf5.

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

#021bf5 background color

This paragraph has a background color of #021bf5.

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

#021bf5 border color

This element has a border color of #021bf5.

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

CSS codes

.text {color:#021bf5;}

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

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

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, #00010c is the darkest color, while #f7f8ff is the lightest one.

#00010c
```
#00010c rgb(0,1,12)
```
#00031f
```
#00031f rgb(0,3,31)
```
#000632
```
#000632 rgb(0,6,50)
```
#010846
```
#010846 rgb(1,8,70)
```
#010a59
```
#010a59 rgb(1,10,89)
```
#010c6d
```
#010c6d rgb(1,12,109)
```
#010e80
```
#010e80 rgb(1,14,128)
```
#011094
```
#011094 rgb(1,16,148)
```
#0112a7
```
#0112a7 rgb(1,18,167)
```
#0215bb
```
#0215bb rgb(2,21,187)
```
#0217ce
```
#0217ce rgb(2,23,206)
```
#0219e2
```
#0219e2 rgb(2,25,226)
```
#021bf5
```
#021bf5 rgb(2,27,245)
```

Shade Color Variation

#0e26fd
```
#0e26fd rgb(14,38,253)
```
#2138fd
```
#2138fd rgb(33,56,253)
```
#3449fd
```
#3449fd rgb(52,73,253)
```
#485bfe
```
#485bfe rgb(72,91,254)
```
#5b6cfe
```
#5b6cfe rgb(91,108,254)
```
#6f7efe
```
#6f7efe rgb(111,126,254)
```
#828ffe
```
#828ffe rgb(130,143,254)
```
#96a1fe
```
#96a1fe rgb(150,161,254)
```
#a9b2fe
```
#a9b2fe rgb(169,178,254)
```
#bdc3fe
```
#bdc3fe rgb(189,195,254)
```
#d0d5ff
```
#d0d5ff rgb(208,213,255)
```
#e4e6ff
```
#e4e6ff rgb(228,230,255)
```
#f7f8ff
```
#f7f8ff rgb(247,248,255)
```

Tint Color Variation

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

#747683
```
#747683 rgb(116,118,131)
```
#6b6e8d
```
#6b6e8d rgb(107,110,141)
```
#616696
```
#616696 rgb(97,102,150)
```
#585fa0
```
#585fa0 rgb(88,95,160)
```
#4e57a9
```
#4e57a9 rgb(78,87,169)
```
#4550b3
```
#4550b3 rgb(69,80,179)
```
#3b48bc
```
#3b48bc rgb(59,72,188)
```
#3241c6
```
#3241c6 rgb(50,65,198)
```
#2839cf
```
#2839cf rgb(40,57,207)
```
#1f32d9
```
#1f32d9 rgb(31,50,217)
```
#152ae2
```
#152ae2 rgb(21,42,226)
```
#0c23ec
```
#0c23ec rgb(12,35,236)
```
#021bf5
```
#021bf5 rgb(2,27,245)
```

Tone Color Variation

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

#2c2c2c Achromatopsia 0.005% of the population
#242954 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a2 Protanopia 1% of men
#00588b Deuteranopia 1% of men
#005e62 Tritanopia 0.001% of the population

Trichromacy

#003fc0 Protanomaly 1% of men, 0.01% of women
#0042b2 Deuteranomaly 6% of men, 0.4% of women
#004697 Tritanomaly 0.01% of the population

#021bf5 hex color

#021bf5 Color Information

#021bf5 Color Conversion

Color Schemes with #021bf5

Alternatives to #021bf5

#021bf5 Preview

Shades and Tints of #021bf5

Tones of #021bf5

Color Blindness Simulator