#212afa hex color

In a RGB color space, hex #212afa is composed of 12.9% red, 16.5% green and 98% blue. Whereas in a CMYK color space, it is composed of 86.8% cyan, 83.2% magenta, 0% yellow and 2% black. It has a hue angle of 237.5 degrees, a saturation of 95.6% and a lightness of 55.5%. #212afa color hex could be obtained by blending #4254ff with #0000f5. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 13
- G 16
- B 98
RGB color chart
- C 87
- M 83
- Y 0
- K 2
CMYK color chart

● #212afa color description : Vivid blue.

The hexadecimal color #212afa has RGB values of R:33, G:42, B:250 and CMYK values of C:0.87, M:0.83, Y:0, K:0.02. Its decimal value is 2173690.

Hex triplet	212afa	`#212afa`
RGB Decimal	33, 42, 250	`rgb(33,42,250)`
RGB Percent	12.9, 16.5, 98	`rgb(12.9%,16.5%,98%)`
CMYK	87, 83, 0, 2
HSL	237.5°, 95.6, 55.5	`hsl(237.5,95.6%,55.5%)`
HSV (or HSB)	237.5°, 86.8, 98
Web Safe	3333ff	`#3333ff`

CIE-LAB	35.752, 67.773, -99.276
XYZ	18.707, 8.88, 91.165
xyY	0.158, 0.075, 8.88
CIE-LCH	35.752, 120.203, 304.32
CIE-LUV	35.752, -10.197, -130.355
Hunter-Lab	29.799, 59.908, -160.527
Binary	00100001, 00101010, 11111010

#212afa
```
#212afa rgb(33,42,250)
```
#faf121
```
#faf121 rgb(250,241,33)
```

Complementary Color

#2197fa
```
#2197fa rgb(33,151,250)
```
#212afa
```
#212afa rgb(33,42,250)
```
#8521fa
```
#8521fa rgb(133,33,250)
```

Analogous Color

#97fa21
```
#97fa21 rgb(151,250,33)
```
#212afa
```
#212afa rgb(33,42,250)
```
#fa8521
```
#fa8521 rgb(250,133,33)
```

Split Complementary Color

#2afa21
```
#2afa21 rgb(42,250,33)
```
#212afa
```
#212afa rgb(33,42,250)
```
#fa212a
```
#fa212a rgb(250,33,42)
```

Triadic Color

#21faf1
```
#21faf1 rgb(33,250,241)
```
#212afa
```
#212afa rgb(33,42,250)
```
#fa212a
```
#fa212a rgb(250,33,42)
```
#faf121
```
#faf121 rgb(250,241,33)
```

Tetradic Color

#050dca
```
#050dca rgb(5,13,202)
```
#050ee3
```
#050ee3 rgb(5,14,227)
```
#0812f9
```
#0812f9 rgb(8,18,249)
```
#212afa
```
#212afa rgb(33,42,250)
```
#3a42fb
```
#3a42fb rgb(58,66,251)
```
#535afb
```
#535afb rgb(83,90,251)
```
#6c72fc
```
#6c72fc rgb(108,114,252)
```

Monochromatic Color

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

#2160fa
```
#2160fa rgb(33,96,250)
```
#214efa
```
#214efa rgb(33,78,250)
```
#213cfa
```
#213cfa rgb(33,60,250)
```
#212afa
```
#212afa rgb(33,42,250)
```
#2a21fa
```
#2a21fa rgb(42,33,250)
```
#3c21fa
```
#3c21fa rgb(60,33,250)
```
#4e21fa
```
#4e21fa rgb(78,33,250)
```

Similar Colors

Text with hexadecimal color #212afa

This text has a font color of #212afa.

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

#212afa background color

This paragraph has a background color of #212afa.

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

#212afa border color

This element has a border color of #212afa.

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

CSS codes

.text {color:#212afa;}

.background {background-color:#212afa;}

.border {border:1px solid #212afa;}

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

#000108
```
#000108 rgb(0,1,8)
```
#01021b
```
#01021b rgb(1,2,27)
```
#01032f
```
#01032f rgb(1,3,47)
```
#010442
```
#010442 rgb(1,4,66)
```
#020555
```
#020555 rgb(2,5,85)
```
#020768
```
#020768 rgb(2,7,104)
```
#03087b
```
#03087b rgb(3,8,123)
```
#03098e
```
#03098e rgb(3,9,142)
```
#040aa2
```
#040aa2 rgb(4,10,162)
```
#040bb5
```
#040bb5 rgb(4,11,181)
```
#050dc8
```
#050dc8 rgb(5,13,200)
```
#050edb
```
#050edb rgb(5,14,219)
```
#050fee
```
#050fee rgb(5,15,238)
```

Shade Color Variation

#0e18fa
```
#0e18fa rgb(14,24,250)
```
#212afa
```
#212afa rgb(33,42,250)
```
#343cfa
```
#343cfa rgb(52,60,250)
```
#474ffb
```
#474ffb rgb(71,79,251)
```
#5b61fb
```
#5b61fb rgb(91,97,251)
```
#6e74fc
```
#6e74fc rgb(110,116,252)
```
#8186fc
```
#8186fc rgb(129,134,252)
```
#9498fd
```
#9498fd rgb(148,152,253)
```
#a7abfd
```
#a7abfd rgb(167,171,253)
```
#babdfd
```
#babdfd rgb(186,189,253)
```
#ced0fe
```
#ced0fe rgb(206,208,254)
```
#e1e2fe
```
#e1e2fe rgb(225,226,254)
```
#f4f4ff
```
#f4f4ff rgb(244,244,255)
```

Tint Color Variation

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

#8a8a91
```
#8a8a91 rgb(138,138,145)
```
#81829a
```
#81829a rgb(129,130,154)
```
#787aa3
```
#787aa3 rgb(120,122,163)
```
#7072ab
```
#7072ab rgb(112,114,171)
```
#676ab4
```
#676ab4 rgb(103,106,180)
```
#5e62bd
```
#5e62bd rgb(94,98,189)
```
#555ac6
```
#555ac6 rgb(85,90,198)
```
#4d52ce
```
#4d52ce rgb(77,82,206)
```
#444ad7
```
#444ad7 rgb(68,74,215)
```
#3b42e0
```
#3b42e0 rgb(59,66,224)
```
#323ae9
```
#323ae9 rgb(50,58,233)
```
#2a32f1
```
#2a32f1 rgb(42,50,241)
```
#212afa
```
#212afa rgb(33,42,250)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#393b64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005aaf Protanopia 1% of men
#005f97 Deuteranopia 1% of men
#00666a Tritanopia 0.001% of the population

Trichromacy

#0c48ca Protanomaly 1% of men, 0.01% of women
#0c4cbb Deuteranomaly 6% of men, 0.4% of women
#0c509e Tritanomaly 0.01% of the population

#212afa hex color

#212afa Color Information

#212afa Color Conversion

Color Schemes with #212afa

Alternatives to #212afa

#212afa Preview

Shades and Tints of #212afa

Tones of #212afa

Color Blindness Simulator