#2161fd hex color

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

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

● #2161fd color description : Vivid blue.

The hexadecimal color #2161fd has RGB values of R:33, G:97, B:253 and CMYK values of C:0.87, M:0.62, Y:0, K:0.01. Its decimal value is 2187773.

Hex triplet	2161fd	`#2161fd`
RGB Decimal	33, 97, 253	`rgb(33,97,253)`
RGB Percent	12.9, 38, 99.2	`rgb(12.9%,38%,99.2%)`
CMYK	87, 62, 0, 1
HSL	222.5°, 98.2, 56.1	`hsl(222.5,98.2%,56.1%)`
HSV (or HSB)	222.5°, 87, 99.2
Web Safe	3366ff	`#3366ff`

CIE-LAB	46.926, 38.657, -82.492
XYZ	22.628, 15.963, 94.812
xyY	0.17, 0.12, 15.963
CIE-LCH	46.926, 91.1, 295.108
CIE-LUV	46.926, -19.656, -125.335
Hunter-Lab	39.953, 31.176, -112.731
Binary	00100001, 01100001, 11111101

#2161fd
```
#2161fd rgb(33,97,253)
```
#fdbd21
```
#fdbd21 rgb(253,189,33)
```

Complementary Color

#21cffd
```
#21cffd rgb(33,207,253)
```
#2161fd
```
#2161fd rgb(33,97,253)
```
#4f21fd
```
#4f21fd rgb(79,33,253)
```

Analogous Color

#cffd21
```
#cffd21 rgb(207,253,33)
```
#2161fd
```
#2161fd rgb(33,97,253)
```
#fd4f21
```
#fd4f21 rgb(253,79,33)
```

Split Complementary Color

#61fd21
```
#61fd21 rgb(97,253,33)
```
#2161fd
```
#2161fd rgb(33,97,253)
```
#fd2161
```
#fd2161 rgb(253,33,97)
```

Triadic Color

#21fdbd
```
#21fdbd rgb(33,253,189)
```
#2161fd
```
#2161fd rgb(33,97,253)
```
#fd2161
```
#fd2161 rgb(253,33,97)
```
#fdbd21
```
#fdbd21 rgb(253,189,33)
```

Tetradic Color

#023ed0
```
#023ed0 rgb(2,62,208)
```
#0245e9
```
#0245e9 rgb(2,69,233)
```
#084ffd
```
#084ffd rgb(8,79,253)
```
#2161fd
```
#2161fd rgb(33,97,253)
```
#3a73fd
```
#3a73fd rgb(58,115,253)
```
#5485fd
```
#5485fd rgb(84,133,253)
```
#6d97fe
```
#6d97fe rgb(109,151,254)
```

Monochromatic Color

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

#2198fd
```
#2198fd rgb(33,152,253)
```
#2186fd
```
#2186fd rgb(33,134,253)
```
#2173fd
```
#2173fd rgb(33,115,253)
```
#2161fd
```
#2161fd rgb(33,97,253)
```
#214ffd
```
#214ffd rgb(33,79,253)
```
#213cfd
```
#213cfd rgb(33,60,253)
```
#212afd
```
#212afd rgb(33,42,253)
```

Similar Colors

Text with hexadecimal color #2161fd

This text has a font color of #2161fd.

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

#2161fd background color

This paragraph has a background color of #2161fd.

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

#2161fd border color

This element has a border color of #2161fd.

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

CSS codes

.text {color:#2161fd;}

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

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

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

#00030b
```
#00030b rgb(0,3,11)
```
#00091f
```
#00091f rgb(0,9,31)
```
#000f32
```
#000f32 rgb(0,15,50)
```
#011546
```
#011546 rgb(1,21,70)
```
#011a59
```
#011a59 rgb(1,26,89)
```
#01206c
```
#01206c rgb(1,32,108)
```
#012680
```
#012680 rgb(1,38,128)
```
#012c93
```
#012c93 rgb(1,44,147)
```
#0232a7
```
#0232a7 rgb(2,50,167)
```
#0237ba
```
#0237ba rgb(2,55,186)
```
#023dce
```
#023dce rgb(2,61,206)
```
#0243e1
```
#0243e1 rgb(2,67,225)
```
#0249f5
```
#0249f5 rgb(2,73,245)
```

Shade Color Variation

#0e53fd
```
#0e53fd rgb(14,83,253)
```
#2161fd
```
#2161fd rgb(33,97,253)
```
#346ffd
```
#346ffd rgb(52,111,253)
```
#487dfd
```
#487dfd rgb(72,125,253)
```
#5b8bfe
```
#5b8bfe rgb(91,139,254)
```
#6f98fe
```
#6f98fe rgb(111,152,254)
```
#82a6fe
```
#82a6fe rgb(130,166,254)
```
#96b4fe
```
#96b4fe rgb(150,180,254)
```
#a9c2fe
```
#a9c2fe rgb(169,194,254)
```
#bdd0fe
```
#bdd0fe rgb(189,208,254)
```
#d0deff
```
#d0deff rgb(208,222,255)
```
#e3ebff
```
#e3ebff rgb(227,235,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 #2161fd is the most saturated one.

#888c96
```
#888c96 rgb(136,140,150)
```
#80899e
```
#80899e rgb(128,137,158)
```
#7785a7
```
#7785a7 rgb(119,133,167)
```
#6f81af
```
#6f81af rgb(111,129,175)
```
#667eb8
```
#667eb8 rgb(102,126,184)
```
#5d7ac1
```
#5d7ac1 rgb(93,122,193)
```
#5577c9
```
#5577c9 rgb(85,119,201)
```
#4c73d2
```
#4c73d2 rgb(76,115,210)
```
#436fdb
```
#436fdb rgb(67,111,219)
```
#3b6ce3
```
#3b6ce3 rgb(59,108,227)
```
#3268ec
```
#3268ec rgb(50,104,236)
```
#2a65f4
```
#2a65f4 rgb(42,101,244)
```
#2161fd
```
#2161fd rgb(33,97,253)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#53607f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e0 Protanopia 1% of men
#0079c3 Deuteranopia 1% of men
#008289 Tritanopia 0.001% of the population

Trichromacy

#0c6ceb Protanomaly 1% of men, 0.01% of women
#0c70d8 Deuteranomaly 6% of men, 0.4% of women
#0c76b3 Tritanomaly 0.01% of the population

#2161fd hex color

#2161fd Color Information

#2161fd Color Conversion

Color Schemes with #2161fd

Alternatives to #2161fd

#2161fd Preview

Shades and Tints of #2161fd

Tones of #2161fd

Color Blindness Simulator