#213af7 hex color

In a RGB color space, hex #213af7 is composed of 12.9% red, 22.7% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 86.6% cyan, 76.5% magenta, 0% yellow and 3.1% black. It has a hue angle of 233 degrees, a saturation of 93% and a lightness of 54.9%. #213af7 color hex could be obtained by blending #4274ff with #0000ef. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 13
- G 23
- B 97
RGB color chart
- C 87
- M 77
- Y 0
- K 3
CMYK color chart

● #213af7 color description : Vivid blue.

The hexadecimal color #213af7 has RGB values of R:33, G:58, B:247 and CMYK values of C:0.87, M:0.77, Y:0, K:0.03. Its decimal value is 2177783.

Hex triplet	213af7	`#213af7`
RGB Decimal	33, 58, 247	`rgb(33,58,247)`
RGB Percent	12.9, 22.7, 96.9	`rgb(12.9%,22.7%,96.9%)`
CMYK	87, 77, 0, 3
HSL	233°, 93, 54.9	`hsl(233,93%,54.9%)`
HSV (or HSB)	233°, 86.6, 96.9
Web Safe	3333ff	`#3333ff`

CIE-LAB	37.956, 59.401, -93.927
XYZ	18.925, 10.063, 88.936
xyY	0.16, 0.085, 10.063
CIE-LCH	37.956, 111.134, 302.31
CIE-LUV	37.956, -12.081, -128.75
Hunter-Lab	31.723, 50.975, -144.014
Binary	00100001, 00111010, 11110111

#213af7
```
#213af7 rgb(33,58,247)
```
#f7de21
```
#f7de21 rgb(247,222,33)
```

Complementary Color

#21a5f7
```
#21a5f7 rgb(33,165,247)
```
#213af7
```
#213af7 rgb(33,58,247)
```
#7321f7
```
#7321f7 rgb(115,33,247)
```

Analogous Color

#a5f721
```
#a5f721 rgb(165,247,33)
```
#213af7
```
#213af7 rgb(33,58,247)
```
#f77321
```
#f77321 rgb(247,115,33)
```

Split Complementary Color

#3af721
```
#3af721 rgb(58,247,33)
```
#213af7
```
#213af7 rgb(33,58,247)
```
#f7213a
```
#f7213a rgb(247,33,58)
```

Triadic Color

#21f7de
```
#21f7de rgb(33,247,222)
```
#213af7
```
#213af7 rgb(33,58,247)
```
#f7213a
```
#f7213a rgb(247,33,58)
```
#f7de21
```
#f7de21 rgb(247,222,33)
```

Tetradic Color

#071dc4
```
#071dc4 rgb(7,29,196)
```
#0821dd
```
#0821dd rgb(8,33,221)
```
#0925f6
```
#0925f6 rgb(9,37,246)
```
#213af7
```
#213af7 rgb(33,58,247)
```
#3a50f8
```
#3a50f8 rgb(58,80,248)
```
#5266f9
```
#5266f9 rgb(82,102,249)
```
#6b7cfa
```
#6b7cfa rgb(107,124,250)
```

Monochromatic Color

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

#2170f7
```
#2170f7 rgb(33,112,247)
```
#215ef7
```
#215ef7 rgb(33,94,247)
```
#214cf7
```
#214cf7 rgb(33,76,247)
```
#213af7
```
#213af7 rgb(33,58,247)
```
#2128f7
```
#2128f7 rgb(33,40,247)
```
#2c21f7
```
#2c21f7 rgb(44,33,247)
```
#3e21f7
```
#3e21f7 rgb(62,33,247)
```

Similar Colors

Text with hexadecimal color #213af7

This text has a font color of #213af7.

<span style="color:#213af7;">Text here</span>

#213af7 background color

This paragraph has a background color of #213af7.

<p style="background-color:#213af7;">Content here</p>

#213af7 border color

This element has a border color of #213af7.

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

CSS codes

.text {color:#213af7;}

.background {background-color:#213af7;}

.border {border:1px solid #213af7;}

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)
```
#010418
```
#010418 rgb(1,4,24)
```
#02062b
```
#02062b rgb(2,6,43)
```
#02093e
```
#02093e rgb(2,9,62)
```
#030c51
```
#030c51 rgb(3,12,81)
```
#040f64
```
#040f64 rgb(4,15,100)
```
#041277
```
#041277 rgb(4,18,119)
```
#05148a
```
#05148a rgb(5,20,138)
```
#06179d
```
#06179d rgb(6,23,157)
```
#061ab0
```
#061ab0 rgb(6,26,176)
```
#071dc3
```
#071dc3 rgb(7,29,195)
```
#0820d5
```
#0820d5 rgb(8,32,213)
```
#0823e8
```
#0823e8 rgb(8,35,232)
```

Shade Color Variation

#0e29f6
```
#0e29f6 rgb(14,41,246)
```
#213af7
```
#213af7 rgb(33,58,247)
```
#344bf8
```
#344bf8 rgb(52,75,248)
```
#475cf8
```
#475cf8 rgb(71,92,248)
```
#5a6cf9
```
#5a6cf9 rgb(90,108,249)
```
#6d7dfa
```
#6d7dfa rgb(109,125,250)
```
#808efa
```
#808efa rgb(128,142,250)
```
#939ffb
```
#939ffb rgb(147,159,251)
```
#a6b0fc
```
#a6b0fc rgb(166,176,252)
```
#b8c0fc
```
#b8c0fc rgb(184,192,252)
```
#cbd1fd
```
#cbd1fd rgb(203,209,253)
```
#dee2fe
```
#dee2fe rgb(222,226,254)
```
#f1f3ff
```
#f1f3ff rgb(241,243,255)
```

Tint Color Variation

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

#8b8b8d
```
#8b8b8d rgb(139,139,141)
```
#828596
```
#828596 rgb(130,133,150)
```
#797e9f
```
#797e9f rgb(121,126,159)
```
#7177a7
```
#7177a7 rgb(113,119,167)
```
#6870b0
```
#6870b0 rgb(104,112,176)
```
#5f69b9
```
#5f69b9 rgb(95,105,185)
```
#5663c2
```
#5663c2 rgb(86,99,194)
```
#4d5ccb
```
#4d5ccb rgb(77,92,203)
```
#4455d4
```
#4455d4 rgb(68,85,212)
```
#3c4edc
```
#3c4edc rgb(60,78,220)
```
#3348e5
```
#3348e5 rgb(51,72,229)
```
#2a41ee
```
#2a41ee rgb(42,65,238)
```
#213af7
```
#213af7 rgb(33,58,247)
```

Tone Color Variation

Below, you can see how #213af7 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

#484848 Achromatopsia 0.005% of the population
#40456b Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fb8 Protanopia 1% of men
#00649f Deuteranopia 1% of men
#006b70 Tritanopia 0.001% of the population

Trichromacy

#0c51cf Protanomaly 1% of men, 0.01% of women
#0c55bf Deuteranomaly 6% of men, 0.4% of women
#0c59a1 Tritanomaly 0.01% of the population

#213af7 hex color

#213af7 Color Information

#213af7 Color Conversion

Color Schemes with #213af7

Alternatives to #213af7

#213af7 Preview

Shades and Tints of #213af7

Tones of #213af7

Color Blindness Simulator