#2146de hex color

In a RGB color space, hex #2146de is composed of 12.9% red, 27.5% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 85.1% cyan, 68.5% magenta, 0% yellow and 12.9% black. It has a hue angle of 228.3 degrees, a saturation of 74.1% and a lightness of 50%. #2146de color hex could be obtained by blending #428cff with #0000bd. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 13
- G 27
- B 87
RGB color chart
- C 85
- M 68
- Y 0
- K 13
CMYK color chart

● #2146de color description : Vivid blue.

The hexadecimal color #2146de has RGB values of R:33, G:70, B:222 and CMYK values of C:0.85, M:0.68, Y:0, K:0.13. Its decimal value is 2180830.

Hex triplet	2146de	`#2146de`
RGB Decimal	33, 70, 222	`rgb(33,70,222)`
RGB Percent	12.9, 27.5, 87.1	`rgb(12.9%,27.5%,87.1%)`
CMYK	85, 68, 0, 13
HSL	228.3°, 74.1, 50	`hsl(228.3,74.1%,50%)`
HSV (or HSB)	228.3°, 85.1, 87.1
Web Safe	3333cc	`#3333cc`

CIE-LAB	37.8, 44.178, -80.008
XYZ	15.999, 9.976, 70.186
xyY	0.166, 0.104, 9.976
CIE-LCH	37.8, 91.394, 298.906
CIE-LUV	37.8, -13.624, -112.859
Hunter-Lab	31.585, 35.144, -109.638
Binary	00100001, 01000110, 11011110

#2146de
```
#2146de rgb(33,70,222)
```
#deb921
```
#deb921 rgb(222,185,33)
```

Complementary Color

#21a5de
```
#21a5de rgb(33,165,222)
```
#2146de
```
#2146de rgb(33,70,222)
```
#5b21de
```
#5b21de rgb(91,33,222)
```

Analogous Color

#a5de21
```
#a5de21 rgb(165,222,33)
```
#2146de
```
#2146de rgb(33,70,222)
```
#de5b21
```
#de5b21 rgb(222,91,33)
```

Split Complementary Color

#46de21
```
#46de21 rgb(70,222,33)
```
#2146de
```
#2146de rgb(33,70,222)
```
#de2146
```
#de2146 rgb(222,33,70)
```

Triadic Color

#21deb9
```
#21deb9 rgb(33,222,185)
```
#2146de
```
#2146de rgb(33,70,222)
```
#de2146
```
#de2146 rgb(222,33,70)
```
#deb921
```
#deb921 rgb(222,185,33)
```

Tetradic Color

#17319b
```
#17319b rgb(23,49,155)
```
#1a38b2
```
#1a38b2 rgb(26,56,178)
```
#1e3fc8
```
#1e3fc8 rgb(30,63,200)
```
#2146de
```
#2146de rgb(33,70,222)
```
#3759e1
```
#3759e1 rgb(55,89,225)
```
#4d6be5
```
#4d6be5 rgb(77,107,229)
```
#647ee8
```
#647ee8 rgb(100,126,232)
```

Monochromatic Color

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

#2175de
```
#2175de rgb(33,117,222)
```
#2166de
```
#2166de rgb(33,102,222)
```
#2156de
```
#2156de rgb(33,86,222)
```
#2146de
```
#2146de rgb(33,70,222)
```
#2136de
```
#2136de rgb(33,54,222)
```
#2127de
```
#2127de rgb(33,39,222)
```
#2b21de
```
#2b21de rgb(43,33,222)
```

Similar Colors

Text with hexadecimal color #2146de

This text has a font color of #2146de.

<span style="color:#2146de;">Text here</span>

#2146de background color

This paragraph has a background color of #2146de.

<p style="background-color:#2146de;">Content here</p>

#2146de border color

This element has a border color of #2146de.

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

CSS codes

.text {color:#2146de;}

.background {background-color:#2146de;}

.border {border:1px solid #2146de;}

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

#030511
```
#030511 rgb(3,5,17)
```
#050b22
```
#050b22 rgb(5,11,34)
```
#081033
```
#081033 rgb(8,16,51)
```
#0a1644
```
#0a1644 rgb(10,22,68)
```
#0d1b55
```
#0d1b55 rgb(13,27,85)
```
#0f2066
```
#0f2066 rgb(15,32,102)
```
#122678
```
#122678 rgb(18,38,120)
```
#142b89
```
#142b89 rgb(20,43,137)
```
#17309a
```
#17309a rgb(23,48,154)
```
#1936ab
```
#1936ab rgb(25,54,171)
```
#1c3bbc
```
#1c3bbc rgb(28,59,188)
```
#1e41cd
```
#1e41cd rgb(30,65,205)
```
#2146de
```
#2146de rgb(33,70,222)
```

Shade Color Variation

#3254e1
```
#3254e1 rgb(50,84,225)
```
#4362e3
```
#4362e3 rgb(67,98,227)
```
#5471e6
```
#5471e6 rgb(84,113,230)
```
#657fe8
```
#657fe8 rgb(101,127,232)
```
#768deb
```
#768deb rgb(118,141,235)
```
#879bed
```
#879bed rgb(135,155,237)
```
#99aaf0
```
#99aaf0 rgb(153,170,240)
```
#aab8f2
```
#aab8f2 rgb(170,184,242)
```
#bbc6f5
```
#bbc6f5 rgb(187,198,245)
```
#ccd4f7
```
#ccd4f7 rgb(204,212,247)
```
#dde3fa
```
#dde3fa rgb(221,227,250)
```
#eef1fc
```
#eef1fc rgb(238,241,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #797c86 is the less saturated color, while #0434fb is the most saturated one.

#797c86
```
#797c86 rgb(121,124,134)
```
#6f7690
```
#6f7690 rgb(111,118,144)
```
#667099
```
#667099 rgb(102,112,153)
```
#5c6aa3
```
#5c6aa3 rgb(92,106,163)
```
#5264ad
```
#5264ad rgb(82,100,173)
```
#485eb7
```
#485eb7 rgb(72,94,183)
```
#3e58c1
```
#3e58c1 rgb(62,88,193)
```
#3552ca
```
#3552ca rgb(53,82,202)
```
#2b4cd4
```
#2b4cd4 rgb(43,76,212)
```
#2146de
```
#2146de rgb(33,70,222)
```
#1740e8
```
#1740e8 rgb(23,64,232)
```
#0d3af2
```
#0d3af2 rgb(13,58,242)
```
#0434fb
```
#0434fb rgb(4,52,251)
```

Tone Color Variation

Below, you can see how #2146de 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

#4c4c4c Achromatopsia 0.005% of the population
#434b69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb8 Protanopia 1% of men
#0064a0 Deuteranopia 1% of men
#006b70 Tritanopia 0.001% of the population

Trichromacy

#0c55c6 Protanomaly 1% of men, 0.01% of women
#0c59b6 Deuteranomaly 6% of men, 0.4% of women
#0c5d98 Tritanomaly 0.01% of the population

#2146de hex color

#2146de Color Information

#2146de Color Conversion

Color Schemes with #2146de

Alternatives to #2146de

#2146de Preview

Shades and Tints of #2146de

Tones of #2146de

Color Blindness Simulator