#2164fd hex color

In a RGB color space, hex #2164fd is composed of 12.9% red, 39.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 87% cyan, 60.5% magenta, 0% yellow and 0.8% black. It has a hue angle of 221.7 degrees, a saturation of 98.2% and a lightness of 56.1%. #2164fd color hex could be obtained by blending #42c8ff with #0000fb. Closest websafe color is: #3366ff.

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

● #2164fd color description : Vivid blue.

The hexadecimal color #2164fd has RGB values of R:33, G:100, B:253 and CMYK values of C:0.87, M:0.6, Y:0, K:0.01. Its decimal value is 2188541.

Hex triplet	2164fd	`#2164fd`
RGB Decimal	33, 100, 253	`rgb(33,100,253)`
RGB Percent	12.9, 39.2, 99.2	`rgb(12.9%,39.2%,99.2%)`
CMYK	87, 60, 0, 1
HSL	221.7°, 98.2, 56.1	`hsl(221.7,98.2%,56.1%)`
HSV (or HSB)	221.7°, 87, 99.2
Web Safe	3366ff	`#3366ff`

CIE-LAB	47.659, 36.778, -81.29
XYZ	22.91, 16.528, 94.906
xyY	0.171, 0.123, 16.528
CIE-LCH	47.659, 89.223, 294.344
CIE-LUV	47.659, -20.373, -124.275
Hunter-Lab	40.654, 29.447, -109.952
Binary	00100001, 01100100, 11111101

#2164fd
```
#2164fd rgb(33,100,253)
```
#fdba21
```
#fdba21 rgb(253,186,33)
```

Complementary Color

#21d2fd
```
#21d2fd rgb(33,210,253)
```
#2164fd
```
#2164fd rgb(33,100,253)
```
#4c21fd
```
#4c21fd rgb(76,33,253)
```

Analogous Color

#d2fd21
```
#d2fd21 rgb(210,253,33)
```
#2164fd
```
#2164fd rgb(33,100,253)
```
#fd4c21
```
#fd4c21 rgb(253,76,33)
```

Split Complementary Color

#64fd21
```
#64fd21 rgb(100,253,33)
```
#2164fd
```
#2164fd rgb(33,100,253)
```
#fd2164
```
#fd2164 rgb(253,33,100)
```

Triadic Color

#21fdba
```
#21fdba rgb(33,253,186)
```
#2164fd
```
#2164fd rgb(33,100,253)
```
#fd2164
```
#fd2164 rgb(253,33,100)
```
#fdba21
```
#fdba21 rgb(253,186,33)
```

Tetradic Color

#0241d0
```
#0241d0 rgb(2,65,208)
```
#0248e9
```
#0248e9 rgb(2,72,233)
```
#0852fd
```
#0852fd rgb(8,82,253)
```
#2164fd
```
#2164fd rgb(33,100,253)
```
#3a76fd
```
#3a76fd rgb(58,118,253)
```
#5487fd
```
#5487fd rgb(84,135,253)
```
#6d99fe
```
#6d99fe rgb(109,153,254)
```

Monochromatic Color

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

#219bfd
```
#219bfd rgb(33,155,253)
```
#2189fd
```
#2189fd rgb(33,137,253)
```
#2176fd
```
#2176fd rgb(33,118,253)
```
#2164fd
```
#2164fd rgb(33,100,253)
```
#2152fd
```
#2152fd rgb(33,82,253)
```
#213ffd
```
#213ffd rgb(33,63,253)
```
#212dfd
```
#212dfd rgb(33,45,253)
```

Similar Colors

Text with hexadecimal color #2164fd

This text has a font color of #2164fd.

<span style="color:#2164fd;">Text here</span>

#2164fd background color

This paragraph has a background color of #2164fd.

<p style="background-color:#2164fd;">Content here</p>

#2164fd border color

This element has a border color of #2164fd.

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

CSS codes

.text {color:#2164fd;}

.background {background-color:#2164fd;}

.border {border:1px solid #2164fd;}

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

#00040b
```
#00040b rgb(0,4,11)
```
#000a1f
```
#000a1f rgb(0,10,31)
```
#001032
```
#001032 rgb(0,16,50)
```
#011646
```
#011646 rgb(1,22,70)
```
#011c59
```
#011c59 rgb(1,28,89)
```
#01226c
```
#01226c rgb(1,34,108)
```
#012880
```
#012880 rgb(1,40,128)
```
#012e93
```
#012e93 rgb(1,46,147)
```
#0234a7
```
#0234a7 rgb(2,52,167)
```
#023aba
```
#023aba rgb(2,58,186)
```
#0240ce
```
#0240ce rgb(2,64,206)
```
#0246e1
```
#0246e1 rgb(2,70,225)
```
#024cf5
```
#024cf5 rgb(2,76,245)
```

Shade Color Variation

#0e56fd
```
#0e56fd rgb(14,86,253)
```
#2164fd
```
#2164fd rgb(33,100,253)
```
#3472fd
```
#3472fd rgb(52,114,253)
```
#487ffd
```
#487ffd rgb(72,127,253)
```
#5b8dfe
```
#5b8dfe rgb(91,141,254)
```
#6f9afe
```
#6f9afe rgb(111,154,254)
```
#82a8fe
```
#82a8fe rgb(130,168,254)
```
#96b5fe
```
#96b5fe rgb(150,181,254)
```
#a9c3fe
```
#a9c3fe rgb(169,195,254)
```
#bdd1fe
```
#bdd1fe rgb(189,209,254)
```
#d0deff
```
#d0deff rgb(208,222,255)
```
#e3ecff
```
#e3ecff rgb(227,236,255)
```
#f7f9ff
```
#f7f9ff rgb(247,249,255)
```

Tint Color Variation

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

#888c96
```
#888c96 rgb(136,140,150)
```
#80899e
```
#80899e rgb(128,137,158)
```
#7786a7
```
#7786a7 rgb(119,134,167)
```
#6f82af
```
#6f82af rgb(111,130,175)
```
#667fb8
```
#667fb8 rgb(102,127,184)
```
#5d7cc1
```
#5d7cc1 rgb(93,124,193)
```
#5578c9
```
#5578c9 rgb(85,120,201)
```
#4c75d2
```
#4c75d2 rgb(76,117,210)
```
#4371db
```
#4371db rgb(67,113,219)
```
#3b6ee3
```
#3b6ee3 rgb(59,110,227)
```
#326bec
```
#326bec rgb(50,107,236)
```
#2a67f4
```
#2a67f4 rgb(42,103,244)
```
#2164fd
```
#2164fd rgb(33,100,253)
```

Tone Color Variation

Below, you can see how #2164fd 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

#616161 Achromatopsia 0.005% of the population
#546280 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0074e4 Protanopia 1% of men
#007bc6 Deuteranopia 1% of men
#00848b Tritanopia 0.001% of the population

Trichromacy

#0c6eed Protanomaly 1% of men, 0.01% of women
#0c72da Deuteranomaly 6% of men, 0.4% of women
#0c78b4 Tritanomaly 0.01% of the population

#2164fd hex color

#2164fd Color Information

#2164fd Color Conversion

Color Schemes with #2164fd

Alternatives to #2164fd

#2164fd Preview

Shades and Tints of #2164fd

Tones of #2164fd

Color Blindness Simulator