#213cfd hex color

In a RGB color space, hex #213cfd is composed of 12.9% red, 23.5% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 87% cyan, 76.3% magenta, 0% yellow and 0.8% black. It has a hue angle of 232.6 degrees, a saturation of 98.2% and a lightness of 56.1%. #213cfd color hex could be obtained by blending #4278ff with #0000fb. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 13
- G 24
- B 99
RGB color chart
- C 87
- M 76
- Y 0
- K 1
CMYK color chart

● #213cfd color description : Vivid blue.

The hexadecimal color #213cfd has RGB values of R:33, G:60, B:253 and CMYK values of C:0.87, M:0.76, Y:0, K:0.01. Its decimal value is 2178301.

Hex triplet	213cfd	`#213cfd`
RGB Decimal	33, 60, 253	`rgb(33,60,253)`
RGB Percent	12.9, 23.5, 99.2	`rgb(12.9%,23.5%,99.2%)`
CMYK	87, 76, 0, 1
HSL	232.6°, 98.2, 56.1	`hsl(232.6,98.2%,56.1%)`
HSV (or HSB)	232.6°, 87, 99.2
Web Safe	3333ff	`#3333ff`

CIE-LAB	38.977, 60.273, -95.6
XYZ	19.969, 10.645, 93.925
xyY	0.16, 0.085, 10.645
CIE-LCH	38.977, 113.014, 302.23
CIE-LUV	38.977, -12.532, -132.096
Hunter-Lab	32.627, 52.151, -147.841
Binary	00100001, 00111100, 11111101

#213cfd
```
#213cfd rgb(33,60,253)
```
#fde221
```
#fde221 rgb(253,226,33)
```

Complementary Color

#21aafd
```
#21aafd rgb(33,170,253)
```
#213cfd
```
#213cfd rgb(33,60,253)
```
#7421fd
```
#7421fd rgb(116,33,253)
```

Analogous Color

#aafd21
```
#aafd21 rgb(170,253,33)
```
#213cfd
```
#213cfd rgb(33,60,253)
```
#fd7421
```
#fd7421 rgb(253,116,33)
```

Split Complementary Color

#3cfd21
```
#3cfd21 rgb(60,253,33)
```
#213cfd
```
#213cfd rgb(33,60,253)
```
#fd213c
```
#fd213c rgb(253,33,60)
```

Triadic Color

#21fde2
```
#21fde2 rgb(33,253,226)
```
#213cfd
```
#213cfd rgb(33,60,253)
```
#fd213c
```
#fd213c rgb(253,33,60)
```
#fde221
```
#fde221 rgb(253,226,33)
```

Tetradic Color

#021bd0
```
#021bd0 rgb(2,27,208)
```
#021ee9
```
#021ee9 rgb(2,30,233)
```
#0826fd
```
#0826fd rgb(8,38,253)
```
#213cfd
```
#213cfd rgb(33,60,253)
```
#3a52fd
```
#3a52fd rgb(58,82,253)
```
#5468fd
```
#5468fd rgb(84,104,253)
```
#6d7ffe
```
#6d7ffe rgb(109,127,254)
```

Monochromatic Color

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

#2173fd
```
#2173fd rgb(33,115,253)
```
#2161fd
```
#2161fd rgb(33,97,253)
```
#214efd
```
#214efd rgb(33,78,253)
```
#213cfd
```
#213cfd rgb(33,60,253)
```
#212afd
```
#212afd rgb(33,42,253)
```
#2b21fd
```
#2b21fd rgb(43,33,253)
```
#3d21fd
```
#3d21fd rgb(61,33,253)
```

Similar Colors

Text with hexadecimal color #213cfd

This text has a font color of #213cfd.

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

#213cfd background color

This paragraph has a background color of #213cfd.

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

#213cfd border color

This element has a border color of #213cfd.

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

CSS codes

.text {color:#213cfd;}

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

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

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

#00010b
```
#00010b rgb(0,1,11)
```
#00041f
```
#00041f rgb(0,4,31)
```
#000732
```
#000732 rgb(0,7,50)
```
#010946
```
#010946 rgb(1,9,70)
```
#010c59
```
#010c59 rgb(1,12,89)
```
#010e6c
```
#010e6c rgb(1,14,108)
```
#011180
```
#011180 rgb(1,17,128)
```
#011393
```
#011393 rgb(1,19,147)
```
#0216a7
```
#0216a7 rgb(2,22,167)
```
#0218ba
```
#0218ba rgb(2,24,186)
```
#021bce
```
#021bce rgb(2,27,206)
```
#021de1
```
#021de1 rgb(2,29,225)
```
#0220f5
```
#0220f5 rgb(2,32,245)
```

Shade Color Variation

#0e2bfd
```
#0e2bfd rgb(14,43,253)
```
#213cfd
```
#213cfd rgb(33,60,253)
```
#344dfd
```
#344dfd rgb(52,77,253)
```
#485efd
```
#485efd rgb(72,94,253)
```
#5b6ffe
```
#5b6ffe rgb(91,111,254)
```
#6f80fe
```
#6f80fe rgb(111,128,254)
```
#8291fe
```
#8291fe rgb(130,145,254)
```
#96a2fe
```
#96a2fe rgb(150,162,254)
```
#a9b4fe
```
#a9b4fe rgb(169,180,254)
```
#bdc5fe
```
#bdc5fe rgb(189,197,254)
```
#d0d6ff
```
#d0d6ff rgb(208,214,255)
```
#e3e7ff
```
#e3e7ff rgb(227,231,255)
```
#f7f8ff
```
#f7f8ff rgb(247,248,255)
```

Tint Color Variation

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

#888a96
```
#888a96 rgb(136,138,150)
```
#80849e
```
#80849e rgb(128,132,158)
```
#777da7
```
#777da7 rgb(119,125,167)
```
#6f77af
```
#6f77af rgb(111,119,175)
```
#6670b8
```
#6670b8 rgb(102,112,184)
```
#5d6ac1
```
#5d6ac1 rgb(93,106,193)
```
#5563c9
```
#5563c9 rgb(85,99,201)
```
#4c5dd2
```
#4c5dd2 rgb(76,93,210)
```
#4356db
```
#4356db rgb(67,86,219)
```
#3b50e3
```
#3b50e3 rgb(59,80,227)
```
#3249ec
```
#3249ec rgb(50,73,236)
```
#2a43f4
```
#2a43f4 rgb(42,67,244)
```
#213cfd
```
#213cfd rgb(33,60,253)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#42476e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061bd Protanopia 1% of men
#0067a3 Deuteranopia 1% of men
#006e73 Tritanopia 0.001% of the population

Trichromacy

#0c53d4 Protanomaly 1% of men, 0.01% of women
#0c57c4 Deuteranomaly 6% of men, 0.4% of women
#0c5ca5 Tritanomaly 0.01% of the population

#213cfd hex color

#213cfd Color Information

#213cfd Color Conversion

Color Schemes with #213cfd

Alternatives to #213cfd

#213cfd Preview

Shades and Tints of #213cfd

Tones of #213cfd

Color Blindness Simulator